1. 程式人生 > >document.write直接寫入 HTML 輸出流

document.write直接寫入 HTML 輸出流

<!DOCTYPEhtml>

<html>

<body>

<p>

JavaScript 能夠直接寫入 HTML 輸出流中:

</p>

<script>

document.write("<h1>這是一個標題</h1>");

document.write("<p>這是一個段落。</p>");

</script>

<p>

您只能在 HTML 輸出流中使用 <strong>document.write</strong>。

如果您在文件已載入後使用它(比如在函式中),會覆蓋整個文件。

</p>

</body>

</html>

您只能在 HTML 輸出中使用document.write。如果您在文件載入後使用該方法,會覆蓋整個文件

Tip:

什麼叫HTML輸出中使用document.write?

什麼叫在文件載入後使用document.write?有什麼後果?

document.write是文件建立過程中建立內容

文件在建立過程中,如果遇到document.wirte,就把內容加入到document中

當文件已經建立完成,即document已經關閉了,此時再遇到document.write就會重寫document,

如果在文件已完成載入後執行document.write,整個 HTML 頁面將被覆蓋

比如在函式中使用這會覆蓋該文件。

上面的例子是直接在script標籤中輸出,如果在函式中輸出document.write()會覆蓋的

例項