HTML DOM document.write() 方法

Document 对象参考手册 Document 对象

定义和用法

document.write() 方法可向文档写入文本内容，可以是 HTML 代码。

如果在文档已完成加载后执行 document.write()，整个 HTML 页面将被覆盖。

语法

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

参数 描述
exp1,exp2,exp3,... 可选。要写入的输出流。多个参数可以列出，他们将按出现的顺序被追加到文档中

注：document.write() 方法将一个文本字符串写入一个由 document.open() 打开的文档流（document stream）。

向一个已经加载，并且没有调用过 document.open() 的文档写入数据时，会自动调用 document.open()。一旦完成了数据写入，建议调用 document.close()，以告诉浏览器当前页面已经加载完毕。写入的数据会被解析到文档结构模型（DOM）里。

如果 document.write() 调用发生在 HTML 里的 <script> 标签中，那么它将不会自动调用 document.open()，如下代码：

<script>
document.write("<h1>Main title</h1>")
</script>

浏览器支持

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes Yes

所有主流浏览器都支持 write() 方法

实例

实例 1

向输出流写入一些文本：

document.write("Hello World!");

尝试一下 »

实例 2

向输出流写入一些 HTML 代码文本：

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

尝试一下 »

实例 3

write() 与 writeln() 的区别:

<p>注意 write() 方法不会在每个语句后面新增一行：</p> <script> document.write("Hello World!"); document.write("Have a nice day!"); </script> <p>注意 writeln() 方法在每个语句后面新增一行：</p> <script> document.writeln("Hello World!"); document.writeln("Have a nice day!"); </script>

尝试一下 »

实例 4

如果页面已载入，将覆盖整个 HTML 文档：

function myFunction() { document.write("Hello World"); }

尝试一下 »

实例 4

使用 open 打开文档收入流，将覆盖整个 HTML 文档：

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

尝试一下 »

实例 5

可以打开一个新的浏览器窗口，并写入内容：

const myWindow = window.open(); myWindow.document.write("<h1>这是一个新窗口</h1>"); myWindow.document.write("<p>Hello World!</p>");

尝试一下 »

Document 对象参考手册 Document 对象