您只能在 HTML 输出流中使用 document.write。 如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。

来源:互联网 发布:知乎日报 rss地址 编辑:程序博客网 时间:2024/05/21 13:10

html的输出流(可以是字节流,也可以是字符流,把整个流读取完,才算流结束。)

数据载体只是一个数据载体

<!DOCTYPE html>

<html>
<body>

<p>
JavaScript 能够直接写入 HTML 输出流中:
</p>

<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
</script>

<p>
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。
</p>

</body>
</html>

刚刚接触JS,看到这句话时一时没搞懂,想了终于有了一些眉目,意思就是在文档加载过后,如果我们用比方说按钮的方式重新加载文档,就会把文档都覆盖;

列如:

<!DOCTYPE html><html><body><h1>My First Web Page</h1><p>My First Paragraph.</p><button onclick="myFunction()">点击这里</button><script>function myFunction(){document.write("糟糕!文档消失了。");}</script></body></html>

什么叫HTML输出中使用document.write?

 

什么叫在文档加载后使用document.write?有什么后果?

 

document.write是文档创建过程中创建内容

文档在创建过程中,如果遇到document.wirte,就把内容加入到document中

当文档已经创建完成,即document已经关闭了,此时再遇到document.write就会重写document,

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

 

 

1 0