文档流就是元素在页面中所占的位置和其内容
在网页进行加载的过程中，文档流开始加载，
默认会执行document.open();打开文档流；加载结束时会默认执行document.close();关闭文档流
不然文字和图片不能显示出来；
document.write(); // 执行之前会自动执行 document.open() 执行介绍后不会自动执行document.close()
当一个网页加载结束后，重新打开文档流的话，会重置文档流，这会将之前的文档流全部清空
eg:
<head>
<meta charset="utf-8" />
<title></title>
<script>
window.onload = function(){
var a = document.getElementById("id_01");
a.style.width = 200 +'px';
a.style.height = 200 +'px';
a.style.backgroundColor = "red";
}
</script>
<body>
<div id = "id_01" ></div>
</body>
结果
<head>
<meta charset="utf-8" />
<title></title>
<script>
window.onload = function(){
var a = document.getElementById("id_01");
a.style.width = 200 +'px';
a.style.height = 200 +'px';
a.style.backgroundColor = "red";
document.write("sss");
}
</script>
<body>
<div id = "id_01" ></div>
</body>
结果
load事件会在页面加载完毕时执行；在此时再执行document.write();会重置文档流，由于不是浏览器的默认加载顺序，它不会自动关闭文档流
扫一扫
2482
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
