广告后加载代码兼容IE/FF——增强用户体验

在网页上放几个GOOGLE广告,又放了个DAITUI,又放个访问量统计。在网速慢的时候,加载这些代码的时候网页一直处于等等状态。但用户来网站是看内容的,所以我们应该让网页内容先显示,最后显示这些外加的东西。 当然还有一些其他的情况,我们希望网页的内容按我们设定的顺序加载。

进入正题(拿GOOGLE广告为例):

1.在要插入广告的地方,置一个元素,span、p、div都可以,如果表格中也可以给td赋个ID

<span id="googleAd">
Loading...
</span>

2. 在页面底部,也就是之前,放下面一段

<div id="googleAdContent">
此处为google广告内容
</div>

<script type="text/javascript" language="javascript">
document.getElementById('googleAd').innerHTML=document.getElementById('googleAdContent').innerHTML;
document.getElementById('googleAdContent').innerHTML = "";   //防止不兼容意外。
</script>

效果展示就看本页菜单下的广告吧,可以右键看本页的源代码进行分析哦~

转载请注明出处:https://www.onexin.net/ad-load-is-compatible-ieff-enhance-the-user-experience/

随机文章:

1、DISCUZ!X 2.5上传图片后缩略图无水印
https://www.onexin.net/discuz-x-2-5-upload-picture-thumbnail-no-watermark/

2、《The Zen of Python》——Python编程和设计的指导原则
https://www.onexin.net/the-zen-of-python/

3、[个人潜能6B]成功的条件:习惯的力量
https://www.onexin.net/personal-potentials-6b-the-conditions-for-success-the-power-of-habit/

4、5款纯div+css制作的弹出菜单(标准且无js)(四)
https://www.onexin.net/5%e6%ac%be%e7%ba%afdivcss%e5%88%b6%e4%bd%9c%e7%9a%84%e5%bc%b9%e5%87%ba%e8%8f%9c%e5%8d%95%e6%a0%87%e5%87%86%e4%b8%94%e6%97%a0js%e5%9b%9b/

5、phpBB Coding Guidelines
https://www.onexin.net/phpbb-coding-guidelines/

Leave a Reply