绝不要使用在文档加载之后使用 document.write()。这会覆盖该文档

最新推荐文章于 2025-05-14 16:51:17 发布

原创最新推荐文章于 2025-05-14 16:51:17 发布 · 6.4k 阅读

9 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了JavaScript中document.write方法的使用场景及其特点。文章指出，在HTML文档流中使用此方法不会覆盖原有内容，但若在文档加载完成后使用，则会重写整个文档。通过示例展示了不同情况下document.write的具体行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

W3school-javascript第一部分，关于使用document.write()写入HTML文档流。教程后面有一行提示：您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。但是从给出的示例来看document.write()写入的东西并没有覆盖原有的输出，例如:

<!DOCTYPE html>
<html>
<body>
helloworld!

<script>
document.write(Date());
</script>

</body>
</html>

输出为：

helloworld! Mon Nov 16 2015 19:55:45 GMT+0800

查了下网上的资料发现所谓的‘在文档加载后使用该方法’的含义并不是在文本后使用script标签进行文档内容写入，而是通过按钮响应等方式在全部页面加载完毕之后进行文本写入，例如：

<html> 
<body> 
<p>helloworld</p> 
<a onclick='javascript:myFunction()'>hello</a>
<script> 
function myFunction(){ 
    document.write('这下应该会清除了吧？'); 
} 
</script> 
</body> 
</html>

结果为：