当一个网站有很多js代码需要加载时,js的位置会影响网页的加载速度,为了让网页的加载速度更快,引入以下延迟加载js的方式:
1.<script type="text/javascript" src=" "defer="defer"></script>
会延迟到浏览器遇到</html>后再执行,只适用于外部脚本,老的浏览器支持此属性,现代浏览器都会忽略这个属性,像平常一样处理脚本。
2.将js放在文件的底部
3.
<script type="text/javascript" src=" " defer="defer"></script>
<script>
setTimeout("document.getElementById('s1').src='index.js';",3000);
</script>
setTimeout()
用于在指定的毫秒数后调用函数或者计算表达式
4.DOM创建
setTimeout(function(){
var head=document.getElementsByTagName("head")[0];
var script=document.createElement("script");
script.setAttribute("rel","stylesheet");
script.setAttribute("type","text/javascript");
script.setAttribute("src","new.js");
head.appendChild(script);
},3000);
5.document.write()创建
document.write("<sc"+"ript type='text/javascript' src='new1.js'></sc"+"ript>");