JS延迟加载或JS最后加载加快网页打开速度

天狼晓月

第一，JS延迟加载

代码如下：
程序代码

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

复制代码

第二,JS最后加载

在需要插入JS的地方插入以下代码：

程序代码

1. <SPAN id=L4EVER>Loading...</SPAN>

复制代码

当然,那个Loading…你可以换成自己喜欢的小图片.看起来很有AJAX效果呢.

然后在页面最底端插入：

程序代码

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

复制代码

第三,JS最后加载

想要显示广告的位置

1. <div id="guangg1"></div>
   
2. 
   
3.      想要显示的广告内容
   
4. <div id="ggad1" style="display:none"><script language="javascript"
   
5. 
   
6. src="/frontpage/include/php100.js"></script></div>

复制代码

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

1. <script>
   
2. function chkdiv(divid){
   
3. var chkid=document.getElementById(divid);
   
4. if(chkid != null)
   
5. {return true; }
   
6. else
   
7. {return false; }
   
8. }     最后就是显示广告了
   
9. if (chkdiv('guangg1')) {
   
10. document.getElementById('guangg1').innerHTML= document.getElementById('ggad1').innerHTML;
    
11. document.getElementById('ggad1').innerHTML="";
    
12. }
    
13. </script>

复制代码

江海客

新年新气象，老狼学习忙。