HTML DOM document.write() 方法

桃奈叶子

HTML DOM document.write() 方法


定义和用法

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

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

语法

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

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


浏览器支持

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>");


版权声明:本页面内容旨在传播知识,为用户自行发布,若有侵权等问题请及时与本网联系,我们将第一时间处理。E-mail:284563525@qq.com

目录[+]

取消
微信二维码
微信二维码
支付宝二维码