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