JavaScript在IE和FireFox中的不同表现(1)(3)
19. IE,Firefox以及其它浏览器对于table标签的操作都各不相同
在IE中不允许对table和tr的innerHTML赋值,使用JavaScript增加一个tr时,使用appendChile方法也不管用。
解决方法:
- //向table追加一个空行:
- var row = otable.insertRow(-1);
- var cell = document.createElement("td");
- cell.innerHTML = " ";
- cell.className = "XXXX";
- row.appendChild(cell);
20.padding问题
padding 5px 4px 3px 1px FireFox无法解释简写。
必须改成:
- padding-top:5px; padding-right:4px; padding-bottom:3px; padding-left:1px;
21. 消除ul、ol等列表的缩进时
样式应写成:list-style:none;margin:0px;padding:0px;其中margin属性对IE有效,padding属性对FireFox有效。
22. CSS透明
IE下:
- filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)
Firefox下:
- opacity:0.6
23. CSS圆角
IE下:不支持圆角。
Firefox下:
- -moz-border-radius:4px,
- 或者
- -moz-border-radius-topleft:4px;
- -moz-border- radius-topright:4px;
- -moz-border-radius-bottomleft:4px;
- -moz-border-radius- bottomright:4px;
24. CSS双线凹凸边框
IE下:
- border:2px outset;
Firefox下:
- -moz-border-top-colors: #d4d0c8 white;
- -moz-border-left-colors: #d4d0c8 white;
- -moz-border-right-colors:#404040 #808080;
- -moz-border-bottom-colors:#404040 #808080;
25.IE支持document.all 而Firefox不支持
改用下面三个tag的其中一个来代替document.all:
- getElementsByTagName("tagName") 可以得到得到所有标签元素的集合
- getElementById("idName") 可以按id得到某一元素
- getElementsByName("Name") 可以得到按name属性得到某一元素
26、Firefox中使用innerHTML的方法
- <div id="online"></div>
- document.all.online.innerHTML; //这种方法在IE中可以使用,但不是标准方法
- document.getElementById("online").innerHTML; //这样firefox就能使用innerHTML了
27、eval()与window.execScript()执行脚本
IE、Firerox均支持eval(),Firefox不支持window.execScript()
28、对事件处理函数的重写
解决:(例):如对document的onclick()重写,统一使用document.onclick = function(){…}






