演示代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title></title>
<script type="text/javascript">
// 防止阻塞方法2:
window.onload = function(){
var abc = document.getElementById("wyzx");
abc.style.color = "#ff0000";
}
// var abc = document.getElementById("wyzx");
// abc.style.color = "#ff0000";
</script>
</head>
<body>
<!-- js对DOM树阻塞;DOM:文档对象模型,可理解成页面中的元素 -->
<!-- DOM树:元素之间的关系,简单理解成页面结构 -->
<!-- js阻塞页面结构加载,此时DOM树不完整 -->
<div id="wyzx">我要自学</div>
<!-- 防止阻塞方法1:放在body结束代码前,先执行div行代码,再执行js代码 -->
<!-- <script type="text/javascript">
var abc = document.getElementById("wyzx");
abc.style.color = "#ff0000";
</script> -->
</body>
</html>