采用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>
评论前必须登录!
注册