中琅软件教程网

首页搜索登录
首页业界网页平面多媒体程序数据库办公工具服务器系统网络安全站长认证壁纸
加入收藏 | 网站地图 | | RSS | WAP
你好,游客 登录 注册 搜索

别让广告影响了你的网页加载速度(改进篇)

[日期:2011-01-18] 作者: 来源: [字体: ]

BK网络学院上次针对站内广告代码影响网页加载速度的问题进行了改进,将广告代码放在页面底部加载,最后再移动至对应位置。

但是事后发现在广告代码加载过程中,浏览器经常发生假死现象,对用户体验度影响极坏。经过BK网络学院技术人员的努力,最终解决了此问题,以下是代码:

1、在广告位置放置空div或者span,将他们的id命名为myAd_0、myAd_1、myAd_2......

2、在页面尾部增加以下隐藏的广告层:

<div style="display:none">

<div id="myAd_0_t">
广告代码1
</div>
<div id="myAd_1_t">
广告代码2
</div>
<div id="myAd_2_t">
广告代码3
</div>

......

</div>

3、在隐藏的广告层后面,增加以下代码(本次改进的代码):

<script type="text/JavaScript">
function fillAds(fixStr,n){
 if($i(fixStr + "_" + n) && $i(fixStr + "_" + n + "_t"))
 {
  $i(fixStr + "_" + n).innerHTML=$i(fixStr + "_" + n + "_t").innerHTML;
  $i(fixStr + "_" + n + "_t").innerHTML="";
  n++;
  setTimeout('fillAds("myAd",'+n+');',300);
 }
}
setTimeout('fillAds("myAd",0);',100);
</script>

注:代码中的"$i"为自定义函数,作用:按id获取节点对象。

效果演示:http://www.blue1000.com/

关键词:网页  速度  广告  加载 

收藏 推荐 打印 | 录入:blue1000 | 阅读:
本文评论   查看全部评论 (2)
表情: 姓名: 字数
点评:
       
评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事/刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
第 2 楼
* 匿名 发表于 2016/12/24 23:18:04
http://www.blue1000.com/bkhtml/c17/2013-02/71068.htm 2016年社区六五普法工作计划 http://www.135995.com/show/3530.html 2016年社区发展党员工作计划 http://www.135995.com/show/3527.html
第 1 楼
* 匿名 发表于 2013/3/31 19:24:32
直接屏蔽广告的路过