javascript - DOM重新被解析
本文介绍了javascript - DOM重新被解析的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
当点击触发function a的时候，发现一开始控制台打印的是空，然后才是document文档
如下图所示：
发现浏览器重新解析了dom，我想问，在点击之前，dom不是已经被解析了吗，为什么当执行函数的时候，dom重新被解析和渲染？
附上代码：
//css
<style>
.box1{
color:red;
}
</style>
//html
<body>
<div class="box1" onclick="a()">啊啊啊啊啊啊啊啊啊啊啊</div>
<div class="box1">啊啊啊啊啊啊啊啊啊啊啊啊啊啊</div>
<div class="box1">啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</div>
<div class="box1">啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</div>
</body>
//js
<script type="text/javascript">
function a(argument){
console.log(document);
var time = +new Date();
while(true){
if(+new Date()-time>3000){
break;
}
}
}
</script>
解决方案
webkit内核对console.log()会延迟执行，惰性求值，换成alert就可以看到是立即显示dom的。
参考链接
这篇关于javascript - DOM重新被解析的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
