网页广告"加载中"代码使用心得

发表于 更新于 分类于 Disqus：

最近做网站, 想把广告先放在后面加载, 用了个这个加载中的代码…

如下:

1
<span id="ad_1">加载中...</span>

放在你的JS位置上
在页面的最底部，也就是</html>页面结束的下面放

1
2
3
4
5
<span id="span_ad_1">这里你放入要加载的JS代码</span>
<script type="text/javascript">
  ad_1.innerHTML=span_ad_1.innerHTML;
  span_ad_1.innerHTML="";
</script>

但是这种情况, 在火狐Firefox里浏览的时候就不行了….

怎么办?

新办法:

  1. 定义函数
    1
    2
    3
    4
    5
    6
    7
    <script type="text/javascript">
      function writedelay(id,idd){
        var obj_id=document.getElementById(id);
        var obj_idd=document.getElementById(idd);
        obj_id.innerHTML=obj_idd.innerHTML;
      }
    </script>
  2. 定义个CSS
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <style type="text/css">
    <!--
    .spanclass{
      visibility: hidden;
      width: 1px;
      height: 1px;
      position: absolute;
      left: 1px;
      top: 1px;
      overflow: hidden;
    }
    -->
    </style>
    调用格式:
    1
    2
    3
    4
    5
    <span id="ad_1">加载中...</span>
    <span id=span_ad_1 class="spanclass">
    广告代码....
    </span>
    <script type="text/javascript">writedelay("ad_1","span_ad_1");</script>
    这样既可以在IE里,也可以在Firefox里正常浏览

2016-09-04 20:51:05 最后编辑