设为首页收藏本站

爱就爱了

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

搜索
查看: 4958|回复: 1

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

[复制链接]
发表于 2014-2-9 14:50:00 | 显示全部楼层 |阅读模式
第一,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. <div id="ggad1" style="display:none"><script language="javascript"

  4. 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>
复制代码
发表于 2014-2-9 15:51:26 | 显示全部楼层
新年新气象,老狼学习忙。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|平龙认个人分站 - 爱就爱了 ( 豫ICP备14029057号-2、4、5 )  
豫公网安备 41010502002156号

GMT+8, 2018-11-20 06:34 , Processed in 0.125924 second(s), 27 queries , Gzip On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表