首頁 > 文章 > web前端 > JavaScript複習記錄-關於輸出的各種用法

JavaScript複習記錄-關於輸出的各種用法

之前學習JS中關於輸出的內容，現在又翻過來看看竟然很陌生，因此以防備忘，還是寫下來最加深印象，以後複習起來也容易的多。

1、輸出內容document.write

doucument.write()可用來直接向HTML輸出流寫內容，直接在網頁中輸出內容。

（1）輸出內容用 “ ” 直接括起來。

document.write("Hello World!");

（2）透過變數輸出內容。

var myVar="Hello World!";
document.write(myVar);

（3）輸出多項內容，在內容間用號連接。

var myVar="Hello";
document.write(myVar + "World!");

（4）輸出HTML標籤，標籤用 “ ” 括起來。

var myVar="Hello World!";
document.write(myVar + "</br>");

2、輸出空格

因為瀏覽器顯示機制，對手動敲入的空格，會將連續多個空格顯示成一個空格。

（1）用輸出HTMl標籤來解決。

document.write("  "+"1"+"   "+"23");
//输出结果：  1   23

（2）用CSS樣式來解決。

document.write("<span style=&#39;white-space:pre&#39;>"+"  1   23"+"</span>");
//输出结果：  1   23

3、警告，alert訊息對話框

再點擊對話框「確定」按鈕之前，不能進行任何其他操作，訊息對話框通常可以用於偵錯程式。 alert輸出內容，可以是字串或變量，與document.write相似。

4、確認，confirm訊息對話框

confirm訊息對話方塊常用於容許使用者做選擇的動作。語法：confirm(str); 其中str為在訊息對話方塊中要顯示的文本，傳回值為Boolean值。

var myMessage=confirm("你想学习吗？");
if(myMessage==true){
    document.write("想的，好好学习。");
}
else{
    document.write("不，你想！");
}

note:使用者在點擊對話方塊按鈕之前，無法進行其他動作。

5、提問，prompt訊息對話框

prompt彈出訊息對話框，通常用來詢問一些需要與使用者互動的訊息。 prompt訊息對話方塊中包含一個確定按鈕，取消按鈕和一個文字輸入框。語法：prompt(str1,str2); 其中str1為要顯示在訊息對話方塊中的文本，不可修改，str2為文字方塊中內容，可以修改。

var myName=prompt("请输入您的大名：");
if(myName!=Null){
    alert("Hello "+myName);
}
else{
    alert("Hello my friend.");
}

6、開啟新窗口，window.open

open()方法可尋找一個已存在或新建的瀏覽器視窗。語法：window.open([URL],[視窗名稱],[參數字串]);其中，

URL：可選參數，在視窗中要顯示網頁的網址或路徑，若省略或這個參數值為空字串，則視窗就不顯示文件。

視窗名稱：名稱由字母，數字和 _ 組成。有特殊意義的名稱：_blank，在新視窗顯示目標網頁；_self，在目前視窗顯示目標網頁；_top，框架網頁中在上部視窗中顯示目標網頁。不同視窗需要不同name，name中不能有空格。

參數字串：

7、關閉窗口，window.close

var myWin=window.open("https://blog.csdn.net/bertZuo");    //将新打开的窗口对象存储在变量myWin中
myWin.close();    //关闭窗口

##相關影片：

JavaScript基本語法及基本語句影片教學#

以上是JavaScript複習記錄-關於輸出的各種用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

看更多