JavaScript阻塞
JS对DOM树的阻塞
- DOM的定义：文档对象模型，是JS操作网页的接口，指代页面中的元素。
- DOM树的定义：是指元素与元素之间的关系，可以指页面的结构。
JS在执行时会阻塞DOM树的结构，此时DOM树是不完整的，因此这样在调用一些JS代码时可能会报错。
解决方案： - 直接将JS代码块写在文档对象的后面
- 在head中添加代码：（页面加载完成后调用）
<script>
window.onload=function(){
var abc=document.getElementById("one");
abc.style.color="pink";
abc.style.fontSize="24px";
}
</script>
</head>
<body>
<div id="one">
页面加载完成后才使用JS进行渲染，没有使用css代码
</div>
</body>
JS发生错误时的阻塞
上一句代码出错，后面的都不能执行了
调试方法：
- 代码中间插入console.log查看控制台信息。
- 在中间位置的代码插入alert（“”），看能否正常弹出，再中间加入alert（“”），以此类推。