在文档加载之后使用 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> 
JavaScript的document.write() 怎么使用？--介绍4中方法
document.write()直接向html输出流写内容，简单的说就是直接向网页中输出内容。
方法一：输出内容用" "括起，直接输出括号里面的内容。
<script type="text/javascript">
document.write("你想输入的内容直接写在这里"); //内容用" "括起来，" "里的内容直接输出。
</script>
方法二：通过变量，输出内容。
<script type="text/javascript">
var mystr="你想输入的内容直接写在这里";
document.write(mystr); //直接写变量名，输出变量存储的内容。
</script>
方法三：输出多项内容，内容之间用加号 + 连接。
<script type="text/javascript">
var mystr="第一句话";
document.write(mystr+"第二句话"); // 多项内容之间用+号连接
</script>
结果是：第一句话第二句话
方法四： 输出html标签，并起作用，标签用" "括起来。
<script type="text/javascript">
var mystr="你想输入的内容直接写在这里";
document.write(mystr+"<br>"); // 输出 你想输入的内容直接写在这里 后，输出一个换行符
document.write("JavaScript");
</script>