這篇文章主要介紹了JS 中document.write()的用法和清空的原因淺析,需要的朋友可以參考下

可能很多朋友都遇到過這樣的情況，那就是使用document.write()函數向網頁中寫內容的時候，會把文檔中的原來的內容給清空，這一點對于初學者來說算是一個困擾，下面就介紹一下為什么會出現這種情況，當然也就知道如何避免此種情況的發生了。

先看一段代碼實例:

Document

window.οnlοad=function(){

document.write("重溫 JavaScript");

}

Hello JavaScript

從以上代碼的可以看出document.write()函數將原來的文檔內容清空了，下面介紹一下出現此種情況的原因:

window.onload事件是在文檔內容完全加載完畢再去執行事件處理函數，當然文檔流已經關閉了，這個時候執行doucment.writ()函數會自動調用document.open()函數創建一個新的文檔流，并寫入新的內容，再通過瀏覽器展現，這樣就會覆蓋原來的內容。不過很多朋友還有會這樣的疑問，為什么類似下面的情況，原來網頁中的內容不會被覆蓋,代碼如下:

Document

document.write("重溫 JavaScript");

Hello JavaScript

在以上代碼中，原來的文檔內容并沒有被清空，這是因為當前文檔流是由瀏覽器所創建，并且document.wirte()函數身處其中，也就是執行此函數的時候文檔流并沒有被關閉，這個時候不會調用document.open()函數創建新文檔流，所以也就不會被覆蓋了。可能還有朋友會問為什么下面的方式還是不行，代碼如下:

Document

document.close();

document.write("重溫 JavaScript");

Hello JavaScript

上面使用document.close()關閉文檔流了，為什么還是不能夠覆蓋原來的內容的，很遺憾，文檔流是由瀏覽器創建，無權限手動關閉，document.close()函數只能夠關閉由document.open()函數創建的文檔流。看下面的代碼實例:

Document

function create(){

var newWindow=window.open("","Document","_blank");

newWindow.document.write("Hello JavaScript");

newWindow.document.close();

newWindow.document.write("覆蓋后的輸出");

}

window.οnlοad=function(){

var obt=document.getElementById("bt");

obt.οnclick=function(){

create();

}

}

Hello JavaScript

由doucment.open()創建的文檔流就可以由document.close()關閉，那么第二個document.write()輸出的內容會覆蓋掉第一個輸出的內容。

異步引用外部JavaScript時，必須先運行document.open()清空文檔，然后才能運行document.write()，參數寫在body內容的開頭。

如果不先運行document.open()，直接運行document.write()，則無效且Chrome有如下提示：

// asyncWrite.js

document.open();

document.write('

test

');

document.close();

test

document.write()也能寫入含有script標簽的字符串，但是需要轉義。寫入的script標簽中的內容會正常運行。

document.write('

");<\/script>');

document.write('

");<\/script>');

");

test

document.write()可以傳入多個參數。

document.write('

multiArgument

','

test

');

document.write('

multiArgument

','

test

');

multiArgument

test

上面是我整理給大家的，希望今后會對大家有幫助。

相關文章：

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的php document.write,在JS中有关document.write()的用法（详细教程）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。