1.解决js阻塞问题的代码--defer
<!--defer属性的使用
1.异步加载js文档,不会阻塞UI的渲染
2.等待页面的对象构建完成后,按照出现的顺序执行。
3.适用于外部js文件
-->
a.js:
var sum=0;
for(var i=0;i<1000000;i++){
sum+=i;
}
console.log("a.js sum="+sum);
b.js:
var sum=0;
for(var i=0;i<100000000;i++){
sum+=i;
}
console.log("b.js sum="+sum);
html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript文档加载和执行顺序</title>
<script src="js/b.js" defer></script>
<script src="js/a.js" defer></script>
<!--<script>
alert("我内嵌的JS代码。");
</script>-->
</head>
<body>
<h1>JavaScript 按照文档顺序进行加载。</h1>
</body>
</html>