在文章加载后使用document点write会覆盖该文档（不知道为什么我输入英文点号会报错，就用中文替代了-请谅解）以及JavaScript的document点write() 怎么使用？

本文链接：https://blog.youkuaiyun.com/Smtime826/article/details/84344747

本文深入探讨了JavaScript中document.write()方法的使用技巧，包括其在文档加载后的应用及注意事项，通过实例演示了四种基本使用方法，帮助读者掌握这一关键DOM操作。

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

在文档加载之后使用 document.write(),这样会覆盖该文档意思就是在文档加载过后，如果我们用比方说按钮的方式重新加载文档，就会把文档都覆盖；

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>   
<p>helloworld</p>   
<button  id="haha" onclick='javascript:myFunction()'>hello</button>  <br>
document.write('这下应该会清除了吧？');
<script>   
function myFunction(){   
   document.write('这下应该会清除了吧？');  
}
</script>   
</body>   
</html>

运行结果：

对比理解如下：

所谓的‘在文档加载后使用该方法’的含义并不是在文本后使用script标签进行文档内容写入，而是通过按钮响应等方式在全部页面加载完毕之后进行文本写入。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>   
<p>helloworld</p>   
<button  id="haha" onclick='javascript:myFunction()'>hello</button>  <br>
document.write('这下应该会清除了吧？');
<script>   
function myFunction(){   
document.getElementById("haha").style.backgroundColor="red";
}
</script>   
</body>   
</html>