在网页上放几个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/