javascript IE FF

mX = event.x ? event.x : event.pageX;

document.onkeydown = function(event){
//alert(123);
e = window.event || event;
alert("e.kedyCode="+e.keyCode);
}

另外，在FF和ie中都可以使用window.top.document.getElementById("frameId")来访问frame标签
并且可以通过window.top.document.getElementById("testFrame").src = 'xx.htm'来切换frame的内容
也都可以通过window.top.frameName.location = 'xx.htm'来切换frame的内容

9. 在FF中，自己定义的属性必须getAttribute()取得

10.在FF中没有  parentElement parement.children  

而用
               parentNode parentNode.childNodes
   childNodes的下标的含义在IE和FF中不同，FF使用DOM规范，childNodes中会插入空白文本节点。
  一般可以通过node.getElementsByTagName()来回避这个问题。
   当html中节点缺失时，IE和FF对parentNode的解释不同，例如
   <form>
   <table>
        <input/>
   </table>
   </form>
   FF中input.parentNode的值为form, 而IE中input.parentNode的值为空节点

14. nodeName 和 tagName 问题

  (1)现有问题：
     在FF中，所有节点均有 nodeName 值，但 textNode 没有 tagName 值。在 IE 中，nodeName 的使用好象
     有问题（具体情况没有测试，但我的IE已经死了好几次）。
  (2)解决方法：
     使用 tagName，但应检测其是否为空。

  FF中节点没有removeNode方法，必须使用如下方法 node.parentNode.removeChild(node)

17.document.formName.item("itemName") 问题

说明:IE下,可以 使用document.formName.item("itemName")或 document.formName.elements["elementName"];Firefox下,只能使用 document.formName.elements["elementName"]. 
解决方法:统一使用document.formName.elements["elementName"].

20.eval("idName")问题

说明:IE下,,可以使用eval("idName")或getElementById("idName")来取得id为idName的HTML对象;Firefox下只能使用getElementById("idName")来取得id为idName的HTML对象. 
解决方法:统一用getElementById("idName")来取得id为idName的HTML对象.

24.event.srcElement问题

说明:IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event对象有target属性,但是没有srcElement属性. 
解决方法:使用obj(obj = event.srcElement ? event.srcElement : event.target;)来代替IE下的event.srcElement或者Firefox下的event.target.

25.frame问题

以下面的frame为例：
<frame src="xxx.html" id="frameId" name="frameName" />

(1)访问frame对象:
IE:使用window.frameId或者window.frameName来访问这个frame对象.
Firefox:只能使用window.frameName来访问这个frame对象.
另外，在IE和Firefox中都可以使用window.document.getElementById("frameId")来访问这个frame对象.

(2)切换frame内容:
在IE和Firefox中都可以使用window.document.getElementById("testFrame").src = "xxx.html"或window.frameName.location = "xxx.html"来切换frame的内容.

如果需要将frame中的参数传回父窗口，可以在frme中使用parent来访问父窗口。例如：parent.document.form1.filename.value="Aqing";

28. firefox与IE(parentElement)的父元素的区别

IE：obj.parentElement
firefox：obj.parentNode

解决方法: 因为firefox与IE都支持DOM,因此使用obj.parentNode是不错选择.

29.innerText在IE中能正常工作，但是innerText在FireFox中却不行.

解决方法:
if(navigator.appName.indexOf("Explorer") > -1){

    document.getElementById('element').innerText = "my text";

} else{

    document.getElementById('element').textContent = "my text";

}

31. ie,firefox以及其它浏览器对于 table 标签的操作都各不相同，在ie中不允许对table和tr的innerHTML赋值，使用js增加一个tr时，使用appendChile方法也不管用。

解决方法：
//向table追加一个空行：
var row = otable.insertRow(-1);
var cell = document.createElement("td");
cell.innerHTML = " "; 
cell.className = "XXXX"; 
row.appendChild(cell);

32. padding 问题

padding 5px 4px 3px 1px FireFox无法解释简写,

必须改成 padding-top:5px; padding-right:4px; padding-bottom:3px; padding-left:1px;

33. 消除ul、ol等列表的缩进时

样式应写成:list-style:none;margin:0px;padding:0px;

其中margin属性对IE有效，padding属性对FireFox有效

34. CSS透明

IE：filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。

FF：opacity:0.6。

35. CSS圆角

IE：不支持圆角。

FF： -moz-border-radius:4px，或者-moz-border-radius-topleft:4px;-moz-border- radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border- radius- bottomright:4px;。