当前位置：首页 > 资讯 > 技术文档

延时加载JavaScript代码提高速度

时间：2021-06-21 14:52 编辑：来源：阅读：
扫一扫，手机访问

摘要：延时加载JavaScript代码提高速度

[b]延时加载js代码提高速度，具体内容如下所示：[/b] 如果网页中存在大量的javascript代码会极大的影响网页的访问速度，下面就简单介绍一下如何处理此问题。 [b]一.延时加载js文件:[/b] 可以使用定时器函数setTimeout()让外部的js文件延迟加载，例如:

<script type="text/javascript" src="" id="my"></script> 
<script type="text/javascript"> 
var js=document.getElementById("my"); 
function addjs(){
 js.src="js/js.js"; 
}
setTimeout(addjs,3000);
</script>

以上代码可以实现js代码咋3秒之后再加载，这样可以在一定程度上提高速度。 [b]二.将js代码放到网页内容的后面:[/b] 这个比较简单了，就不用说了，就是将js代码放在网页内容的后面，一把是放在body的最底部，这样也可以先加载内容再去执行js代码，也能够提高一定的速度。 [b]下面给大家介绍JS广告代码延迟加载或是最后加载加快页面载入[/b] JS广告代码延迟加载或是最后加载加快页面载入，如果页面中有很多JS广告代码，或者其他的js/' target='_blank' class='u'>JS代码太大，这时候加载起来就会很费时间。使用JS广告代码延迟加载或是最后加载的方法以加快页面载入速度。 [b]第一，JS延迟加载[/b] 代码如下:

<script language="JavaScript" src="" id="my"></script>
<script>
setTimeout("document.getElementById('my').src='include/php100.php'; ",3000);//延时3秒
</script>

[b]第二,JS广告代码最后加载[/b] 在需要插入JS的地方插入以下代码: 程序代码

<SPAN id=L4EVER>LOADING...</SPAN>

当然,那个LOADING…你可以换成自己喜欢的小图片.看起来很有AJAX效果呢. 然后在页面最底端插入:

<SPAN class=spanclass id=AD_L4EVER>
你的JS代码在这里!</SPAN>
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>

[b]第三,JS最后加载[/b] 想要显示JS广告代码的位置

<div id="guangg1"></div>

想要显示的广告内容

<div id="ggad1"><script language="javascript"
src="/frontpage/include/php100.js"></script></div>

判断要显示的广告位置是否存在

<script>
function chkdiv(divid){
var chkid=document.getElementById(divid);
if(chkid != null)
{return true; }
else
{return false; }
}   最后就是显示JS广告代码了
if (chkdiv('guangg1')) {
document.getElementById('guangg1').innerHTML= document.getElementById('ggad1').innerHTML;
document.getElementById('ggad1').innerHTML="";
}
</script>

全部评论(0)

上一篇：非常酷的js图形渐隐导航菜单栏
下一篇：浅谈JavaScript的事件

资讯排行榜
更多>>