将来的你, 肯定会感激现在拼命的自己。

JS实现广告延迟加载

 现在的个人站点,或多或少都会添加一点广告,广告代码延迟加载或是最后加载加快页面载入,如果页面中有很多JS广告代码,这时候加载起来就会很费时间。使用JS广告代码延迟加载或是最后加载的方法以加快页面载入速度.

效果一:JS延迟加载:

<script language="JavaScript" src="" id="my"></script>   
<script language="JavaScript">   
  setTimeout("document.getElementById('my').src='include/...文件...php'; ",3000);//延时3秒   
</script>

效果二:JS最后加载
在需要插入JS的地方插入以下代码:

<div id=L4EVER>LOADING...</div>

当然,那个LOADING…你可以换成自己喜欢的小图片.看起来很有AJAX效果呢.
然后在页面最底端插入:

<div class=spanclass id=AD_L4EVER>你的JS代码在这里!</div>
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>

你的JS代码在这里!

效果三:JS最后加载
想要显示广告的位置加入:

<div id="guangg1"></div>

想要显示的广告内容:

<div id="ggad1" style="display:none">
<script language="javascript" src="/include/.......js"></script>
</div>

判断要显示的广告位置是否存在:

<script language="javascript">
function chkdiv(divid){ 
   var chkid=document.getElementById(divid); 
  if(chkid != null){
    return true; 
  }else {
    return false; 
  } 
}     
//最后就是显示广告了
if (chkdiv('guangg1')) {
  document.getElementById('guangg1').innerHTML= document.getElementById('ggad1').innerHTML;
  document.getElementById('ggad1').innerHTML="";
}
</script>

 钟永标

个人头像


 热门推荐


 热门阅读