前端开发中IE6的一些bug-20130925

1、cursor

<a href="#" onmouseover="this.style.cursor='pointer'" onmouseout='this.style.cursor="none";>测试</a>

这段看起来很普通的代码，却蕴藏着一个bug，就是在IE6下，当鼠标离开时，a标签的样式cursor:url("none");同时会产生一个404的请求，其它浏览器，一切正常。

解决方案：cursor="default"；就没事了。

2、a标签地址

<a href="#" id="a">连接</a>

 <script>
      document.getElementById("a").href="111@163.com";
 </script>

当动态修改A标签的href的值，其值存在email的格式，IE6就会很智能的把innerHTML的值也改为href的值，其它浏览器一切正常。

解决方案：在email地址前加个空格就可以了。

3、a标签aborted

<a href="javascript:;" onclick="window.location.href='http://www.baidu.com'">我要跳转</a> 

在IE6下点击此连接时，不会跳转，反而会返回一个aborted的状态。其它浏览器均正常。

解决方案：在最后return false;就可以了。

4、tr元素

var tr = document.createElement("tr");
alert(tr.cells.length);

在IE6下，是会报错的，cells未定义。在其它的浏览器，会弹出0；

如果将tr元素添加进table中，则ie6也会弹出0；


5、chrome的问题，当定义一个全局变量：var status = {};

之后typeof status，在chrome下为string，在其它浏览器下为object。估计是跟window.status有关。