最后加载广告的JS代码

作者:佚名 来源:设计之家 时间:2012-05-23 标签:

    [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]



网页打开的顺序都是按页面从上到下的顺序加载完成的,所以要想使广告不影响页面打开速度,就要等页面全部打开完成后,再加载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,这样就实现了先加载完页面再加载广告了,怎么样不影响大家阅读吧~

【设计之家 原创文章 投稿邮箱:tougao@yukonjoe.com】

相关文章

猜你喜欢