分享你我的心得.
共乘一片美好网络.

广告调用最后出来,兼容了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>
//3zha.com
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>

赞(0)
未经允许不得转载:小叶白龙博客 » 广告调用最后出来,兼容了firefox
分享到: 更多 (0)

评论 48

评论前必须登录!