轻松上手,快乐学习!

HTML DOM write() 方法


实例

将一些文本直接写入 HTML 文档:

document.write("Hello World!");
亲自试一试 »

页面下方有更多实例。


定义和用法

write() 方法将 HTML 表达式或 JavaScript 代码写入文档。

write() 方法主要用于测试:如果在 HTML 文档完全加载后使用,它将删除所有现有的 HTML。

注释: 当此方法不用于测试时,它通常用于将一些文本写入 document.open() 方法打开的输出流。请参阅下面的 "更多实例" 。

提示: document.writeln() 方法类似于 write(),只是在每条语句后添加一个换行符。


浏览器支持

方法
write() Yes Yes Yes Yes Yes

语法

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

参数值

参数 描述
exp1, exp2, exp3, ... 可选。写入输出流的内容。可以列出多个参数,并按出现顺序将它们附加到文档中

技术细节

返回值: 无返回值

更多实例

实例

将包含文本的 HTML 元素直接写入 HTML 文档:

document.write("<h1>Hello World!</h1><p>Have a nice day!</p>");
亲自试一试 »

实例

将日期对象直接写入 HTML 文档:

document.write(Date());
亲自试一试 »

实例

在 HTML 文档完全加载后使用 document.write() 将删除所有现有的 HTML。

在这个例子中,我们说明了当我们将 document.write() 放入函数中时会发生什么。调用该函数时,所有 HTML 元素都将被覆盖并替换为新的指定文本:

// This should be avoided:
function myFunction() {
  document.write("Hello World!");
}
亲自试一试 »

实例

打开一个输出流,添加一些文本,然后关闭输出流:

document.open();
document.write("<h1>Hello World</h1>");
document.close();
亲自试一试 »

实例

打开一个名为 "MsgWindow" 的新窗口,并在其中写入一些文本:

var myWindow = window.open("", "MsgWindow", "width=200, height=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px tall!</p>");
亲自试一试 »

实例

write() 和 writeln() 之间的区别:

<body>
<p>Note that write() does NOT add a new line after each statement:</p>
<pre>
<script>
document.write("Hello World!");
document.write("Have a nice day!");
</script>
</pre>

<p>Note that writeln() add a new line after each statement:</p>
<pre>
<script>
document.writeln("Hello World!");
document.writeln("Have a nice day!");
</script>
</pre>
</body>
亲自试一试 »

实例

将一些文本直接写入 HTML 文档,在每条语句后面加一行新行 (使用 <br>):

document.write("Hello World! <br>");
document.write("Have a nice day!");
亲自试一试 »

❮ Document 对象