hewei's rss

何为 > DIV+CSS > 正文

广告调用最后出来,兼容了firefox

采用innerHTML进行页面动态调用,把广告放在最后显示。在网上找了段代码测试,代码如下:

在需要调用广告的地方:
<div id="dy_01">广告代码1调用ing</div>
<div id="dy_02">广告代码2调用ing</div>
在页面最后</body>之上:
<div id="div_dy_01">广告代码1</div>
<div id="div_dy_02">广告代码2</div>
<script>
dy_01.innerHTML=div_dy_01.innerHTML;div_dy_01.innerHTML="";
</script>
<script>
dy_02.innerHTML=div_dy_02.innerHTML;div_dy_02.innerHTML="";
</script>

测试发现ie,opera可以,而firefox却不行。

搜索一下,改进代码:

<script>
document.getElementById("dy_01").innerHTML=document.getElementById("div_dy_01").innerHTML;document.getElementById("div_dy_01").innerHTML="";
</script>
<script>
document.getElementById("dy_02").innerHTML=document.getElementById("div_dy_02").innerHTML;document.getElementById("div_dy_02").innerHTML="";
</script>

ok了,主要是innerHTML在firefox里面的问题,改成如上就完美了。

另外发现,在ie下面,最后显示会空出来一截,把
<div id="div_dy_01">广告代码1</div>
<div id="div_dy_02">广告代码2</div>
隐藏即可,改为:

<div style="display:none;" id="div_dy_01">广告代码1</div>
<div style="display:none;" id="div_dy_02">广告代码2</div>

最后的完整代码:

前面代码
<div id="dy_01">广告代码1调用ing(可以改成其他的话)</div>
<div id="dy_02">广告代码2调用ing(可以改成其他的话)</div>

后面代码
<div style="display:none;" id="div_dy_01">广告代码1</div>
<div style="display:none;" id="div_dy_02">广告代码2</div>
<script>
//hewei.org
document.getElementById("dy_01").innerHTML=document.getElementById("div_dy_01").innerHTML;document.getElementById("div_dy_01").innerHTML="";
</script>
<script>
document.getElementById("dy_02").innerHTML=document.getElementById("div_dy_02").innerHTML;document.getElementById("div_dy_02").innerHTML="";
</script>

  • 相关文章
返回顶部网友评论»查看所有评论

发表评论:(内容不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。)

您的昵称:验证码: 验证码查看所有评论

About Hewei.org

何为的博客。记录我的生活点滴,技术经验,奇思妙想。无聊的时候看看自己记录的思想,也是一种享受。

订阅何为的博客
  • ZhuaXia 订阅到抓虾
  • SouYo 订阅到沙发
信息检索 In Hewei.org
Hot标签
最新推荐主题
最新推荐专题
  • google adsense
  • firfox
  • 域名无忧
  • 在线交友
XHTML 1.0 StrictValid CSS 2.1
何为博客!意欲何为?大有作为!Copyright © HeWei.Org
皖ICP备06010916号