在文档加载之后使用 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>