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
支持 支持 支持 支持 支持 支持