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(){…}