HTML DOM Document write() 方法

定義和用法

write() 方法直接寫入打開的 (HTML) 文檔流。

警告

write() 方法在已加載的文檔上使用時會刪除所有現有的 HTML。

write() 方法不能在 XHTML 或 XML 中使用。

提示：write() 方法最常用于寫入由 open() 方法打開的輸出流。請參閱下方的實例。

另請參閱：

Document open() 方法

Document close() 方法

Document writeln() 方法

實例

例子 1

將文本直接寫入 HTML 輸出：

document.write("Hello World!");

親自試一試

例子 2

將 HTML 元素直接寫入 HTML 輸出：

document.write("<h2>Hello World!</h2><p>Have a nice day!</p>");

親自試一試

例子 3

加載文檔后使用 document.write() 刪除所有現有的 HTML：

// 應該避免這種情況：
function myFunction() {
  document.write("Hello World!");
}

親自試一試

例子 4

將日期對象直接寫入 HTML 輸出：

document.write(Date());

親自試一試

例子 5

打開一個輸出流，添加一些 HTML，然后關閉輸出流：

document.open();
document.write("<h1>Hello World</h1>");
document.close();

親自試一試

例子 6

打開一個新窗口并在其中寫入一些 HTML：

const myWindow = window.open();
myWindow.document.write("<h1>New Window</h1>");
myWindow.document.write("<p>Hello World!</p>");

親自試一試

語法

document.write(exp1, exp2, exp3, ...)

參數

參數 描述
exp1, exp2, exp3,
...

可選。輸出流。

允許多個參數，并將按出現的順序附加到文檔中。

返回值

無。

write() 與 writeln() 的差別

writeln() 在每條語句后添加換行符。write() 不會。

實例

document.write("Hello World!");
document.write("Have a nice day!");
document.write("<br>");
document.writeln("Hello World!");
document.writeln("Have a nice day!");

親自試一試

注意

在 HTML 中使用 writeln() 是沒有意義的。它僅在寫入文本文檔 (type=".txt") 時有用。HTML 中會忽略換行符。

如果您希望在 HTML 中換行，你必須使用段落或 <br>：

例子 1

document.write("Hello World!");
document.write("<br>");
document.write("Have a nice day!");

親自試一試

例子 2

document.write("<p>Hello World!</p>");
document.write("<p>Have a nice day!</p>");

親自試一試

瀏覽器支持

所有瀏覽器都支持 document.write：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持