欢迎来到HTML5中文学习网! 
  • 首页
  • html5教程
  • 网站及特效实例
  • 教程视频
  • html5资讯
  • bootstrap
  • HTML5演示
  • HTML5论坛
  • 最后加载广告的JS代码

    2012-05-15 来源/作者:HTML5中文学习网 分类:网站常用 «»
    运行代码保存代码 提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。

    网页打开的顺序都是按页面从上到下的顺序加载完成的,所以要想使广告不影响页面打开速度,就要等页面全部打开完成后,再加载JS代码。
     
    先加载完页面再加载广告的原理:
    网页打开的顺序都是按页面从上到下的顺序加载完成的,所以要想使广告不影响页面打开速度,就要等页面全部打开完成后,再加载JS代码。等页面加载完再加载广告其实就是将广告的 JS 代码放在页面的底部,等页面内容打开完成后再加载到广告代码,再用页面上预留好的的 DIV 输出广告。

    使用方法:
    1、将以下代码放置页面中想要放广告的地方
    <div id="myads">载入中...</div>

    2、将一下代码放置页面底部,也就是footer,php文件的底部。
    <div id="span_myads">这里放广告代码</div>
    <script type="text/javascript">
    document.getElementById("myads").innerHTML = document.getElementById("span_myads").innerHTML;
    document.getElementById("span_myads").innerHTML = "";
    </script>

    OK,这样就实现了先加载完页面再加载广告了,怎么样不影响大家阅读吧~

    标签:网站常用