知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    JS广告代码延迟加载或是最后加载加快页面载入

    作者:佳明妈 来源:jquery 2010-12-23 人气:
    页面中有很多JS广告代码,或者其他的JS代码太大,这时候加载起来就会很费时间。使用JS广告代码延迟加载或是最后加载的方法以加快页面载入速度。

    JS广告代码延迟加载或是最后加载加快页面载入,如果页面中有很多JS广告代码,或者其他的JS代码太大,这时候加载起来就会很费时间。使用JS广告代码延迟加载或是最后加载的方法以加快页面载入速度。

    第一,JS延迟加载

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

    第二,JS广告代码最后加载

    在需要插入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>

    第三,JS最后加载

    想要显示JS广告代码的位置
    <div id="guangg1"></div>

         想要显示的广告内容
    <div id="ggad1" style="display:none"><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>

    ↓ 查看全文

    JS广告代码延迟加载或是最后加载加快页面载入由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    JS广告代码延迟加载或是最后加载加快页面载入-最新评论

    • 恼痰勤18 2015-10-28 11:22:57
      [疲劳]
    • 11 2015-10-28 11:10:57
      [疲劳]