IE6.0下广告代码离奇消失之谜

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>AD</title>
</head>

<body>
<script type="text/javascript">
var div = document.createElement("div");
div.style.position = "absolute";
div.innerHTML = "<img src='http://img1.gtimg.com/news/pics/19354/19354360.jpg' border='0' />";
try{document.getElementsByTagName("body").item(0).appendChild(div)}catch(ex){};

div.style.top = "300px";
div.style.left = "300px";
</script>
</body>
</html>

上边代码在IE6.0运行效果:首页打开页面,广告显示一会后自动消失,刷新一下则无此问题。经过多次测试,发现:

1).注释掉最后两句不会有自动消失的问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>AD</title>
</head>

<body>
<script type="text/javascript">
var div = document.createElement("div");
div.style.position = "absolute";
div.innerHTML = "<img src='http://img1.gtimg.com/news/pics/19354/19354360.jpg' border='0' />";
try{document.getElementsByTagName("body").item(0).appendChild(div)}catch(ex){};

//div.style.top = "300px";
//div.style.left = "300px";

</script>
</body>
</html>

2).给div设置背景色后也不会有自动消失的问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>AD</title>
</head>

<body>
<script type="text/javascript">
var div = document.createElement("div");
div.style.position = "absolute";
div.innerHTML = "<img src='http://img1.gtimg.com/news/pics/19354/19354360.jpg' border='0' />";
div.style.backgroundColor = "#000000";
try{document.getElementsByTagName("body").item(0).appendChild(div)}catch(ex){};

div.style.top = "300px";
div.style.left = "300px";
</script>
</body>
</html>

具体原因未知:(

上一篇: FF下无法移动元素解决方法
下一篇: 游泳姿势图解
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
最新日志:
评论: 0 | 引用: 0 | 查看次数: 3761
发表评论
登录后再发表评论!