首頁 >web前端 >js教程 >js document.write()使用介紹_javascript技巧

js document.write()使用介紹_javascript技巧

WBOY
WBOY原創
2016-05-16 16:58:391824瀏覽

在載人頁面後,瀏覽器輸出流會自動關閉;在此之後,任何一個對目前頁面進行操作的document.write()方法將會開啟—個新的輸出流。它將清除目前頁面內容(包括來源文件的任何變數或值)、因此.假如希望用腳本產生的HTML取代目前頁面,就必須把HTML內容連結起來賦給一個變數、使用一個document.write()方法完成寫入操作,不必清除文件並開啟一個新資料流,一個document.write( )呼叫就可完成所有的操作。

關於document.write()方法還有一點要說明的是它的相關方法document.close()。腳本向視窗(不管是本視窗或其他視窗)寫完內容後.必須關閉輸出流。在延時腳本的最後一個document.write()方法後面.必須確保含有document.close()方法,不這樣做就不能顯示圖片和表單。並且,任何後面呼叫的document.write()方法只會把內容追加到頁面後,而不會清除現有內容來寫入新值。

document.write方法

一個最基本的JavaScript指令是document.write。這個指令簡單地列印指定的文字內容到頁面上。為了逐字列印文本,在列印的文本字串加上單引號。

複製程式碼 程式碼如下:

document.write('Hello World!'); 🎜>
上面的js程式碼將會在頁面上顯示出"Hello World!"

你可以使用document.write 列印變數。輸入變數名稱不加上引號,如下:

複製程式碼 代碼如下:
var mytext = "Hello again";

var mytext = "Hello again";

注意:如果變數名稱加上引號,將會印出變數名稱(不會列印變數值)。你可以使用「 」符號來連接變數值和文字字串。

複製程式碼 程式碼如下:

var colour1 = "purple"; . = "pink";
document.write('

colour1: ' colour1 '
colour2: ' colour2 '

'); 

列印結果如下:

colour1: purple

colour2: pink

document.write也多用於載入js廣告

複製程式碼 程式碼如下:
document.write('' 'cript>');
document.write("" "cript>");
document.write("" "cript>");

一般外面用單引號(雙引號)連接字符,裡面的就要用雙信號(單引號),這樣就不會錯了。當然也可以用轉義字符,但這樣以後再修改比較麻煩。

document.write這種方式載入的js是異步的

複製程式碼 程式碼如下:



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