Javascript延迟加载的方式(未完)


当一个网站有很多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>");




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值