JavaScript HTML DOM write() 方法

HTML DOM write() 方法

document.write()方法将HTML表达式或JavaScript代码写入文档。write()方法主要用于测试：如果在HTML文档完全加载后使用它，它将删除所有现有的HTML。

注意：当此方法不用于测试时，它通常用于将一些文本写入document.open()方法打开的输出流。请参阅下面的“更多示例”。

提示：document.writeln()方法类似于write()，只是把它加到每个语句后一个换行符。

实例：

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

document.write("Hello World!");

尝试一下

浏览器支持

项	IE/Edge	Chrome	FireFox	Safari	Opera
方法
write()	支持	支持	支持	支持	支持

语法

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

参数值

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

技术细节

项目	描述
返回值：	没有
DOM版本	Core Level 1

更多例子

将带有文本的HTML元素直接写入HTML文档：

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

尝试一下

打开输出流，添加一些文本，然后关闭输出流：

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

尝试一下

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

<body>

<p>Note that write() does NOT add a new line after each statement:</p>

<pre>
<script>
document.write("color:mediumblue">"Hello World!");
document.write("color:mediumblue">"Have a nice day!");
</script>
</pre>


<p>Note that writeln() add a new line after each statement:</p>

<pre>
<script>
document.writeln("color:mediumblue">"Hello World!");
document.writeln("color:mediumblue">"Have a nice day!");
</script>
</pre>

</body>

尝试一下