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 对象