ie与firefox兼容

以下面的frame为例：

(1)访问frame对象:

IE:使用window.frameId或者window.frameName来访问这个frame对象. Firefox:只能使用window.frameName来访问这个frame对象.

另外，在IE和Firefox中都可以使用window.document.getElementById( \来访问这个frame对象.

(2)切换frame内容:

在IE和Firefox中都可以使用window.document.getElementById( \\或window.frameName.location = \来切换frame的内容.

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

14.body问题

Firefox的body在body标签没有被浏览器完全读入之前就存在；而IE的body则必须在body标签被浏览器完全读入之后才存在. 例如： Firefox：

15. 事件委托方法

IE：document.body.onload = inject; //Function inject()在这之前已被实现

Firefox：document.body.onload = inject();

有人说标准是：

document.body.onload=new Function( 'inject() ');

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

IE：obj.parentElement firefox：obj.parentNode

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

17.cursor:hand VS cursor:pointer

firefox不支持hand，但ie支持pointer

解决方法: 统一使用pointer

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

解决方法:

if(navigator.appName.indexOf( \

document.getElementById( 'element ').innerText = \ } else{

document.getElementById( 'element ').textContent = \ }

19. FireFox中类似 obj.style.height = imgObj.height 的语句无效

解决方法：

obj.style.height = imgObj.height + 'px ';

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

解决方法：

//向table追加一个空行： var row = otable.insertRow(-1);

var cell = document.createElement( \cell.innerHTML = \cell.className = \row.appendChild(cell);