IE与FireFox的js和css 区别

firefox 不能对 innerText 支持
firefox 支持 innerHTML 但却不支持 innerText ，它支持 textContent 来实现 innerText，不过默认把多余的空格也保留了。如果不用 textContent，如果字符串里面不包含 HTML 代码也可以用 innerHTML 代替。

禁止选取网页内容
在 IE 中一般用 JS：obj.onselectstart = function(){return false;}
firefox 用 CSS: -moz-user-select:none

滤镜的支持(例：透明滤镜)
IE:filter：alpha(opacity=10);
firefox 3.0：-moz-opacity:.10;

捕获事件
IE：obj.setCapture()obj.releaseCapture()。
Firefox：document.addEventListener("mousemove",mousemovefunction,true);, document.removeEventListener("mousemove",mousemovefunction,true);

获取鼠标位置
IE:event.clientX, event.clientY
firefox：需要事件函数传递事件对象 obj.onmousemove=function(ev){ X= ev.pageX;Y=ev.pageY;}

DIV 等元素的边界问题
比如：设置一个div的CSS: {width:100px;height:100px;border:#000000 1px solid;}
IE中：div的宽度(包括边框宽度)：100px，div的高度(包括边框宽度)：100px；
firefox：div的宽度(包括边框宽度)：102px，div的高度(包括边框宽度)：102px；

判断浏览器类型
var isIE=document.all ? true : false; 如果支持 document.all 语法那么 isIE=true，否则 isIE=false

在不同浏览器下的CSS处理
一般可以用!important来优先使用css语句(仅firefox支持)
eg: {border-width:0px!important;border-width:1px;}, 在 firefox 下这个元素是没有边框的，在 IE 下边框宽度是 1px。

document.formName.item("itemName") 问题
IE下，可以使用 document.formName.item("itemName") 或 document.formName.elements["elementName"]。
Firefox下，只能使用 document.formName.elements["elementName"]。

集合类对象问题
IE下，可以使用 () 或 [] 获取集合类对象；
Firefox下，只能使用 [] 获取集合类对象。

自定义属性问题
IE下，可以使用获取常规属性的方法来获取自定义属性，也可以使用 getAttribute() 获取自定义属性；
Firefox下，只能使用 getAttribute() 获取自定义属性。

eval("idName")问题
IE下，可以使用 eval("idName") 或 getElementById("idName") 来取得 id 为 idName 的HTML对象；
Firefox下，只能使用 getElementById("idName") 来取得 id 为 idName 的HTML对象。

变量名与某 HTML 对象 ID 相同的问题
IE下，HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用，
Firefox下则不能；Firefox下，可以使用与 HTML 对象 ID 相同的变量名，IE下则不能。

const 问题
Firefox 下，可以使用 const 关键字或 var 关键字来定义常量；
IE下，只能使用 var 关键字来定义常量。


input.type 属性问题
IE下 input.type 属性为只读；
Firefox 下 input.type 属性为读写。

window.event 问题
window.event 只能在 IE 下运行，而不能在 Firefox 下运行，这是因为 Firefox 的 event 只能在事件发生的现场使用。


event.x 与 event.y 问题
IE下，event 对象有 x、y 属性，但是没有 pageX、pageY 属性；
Firefox下，event 对象有pageX、pageY属性，但是没有x、y属性。
兼容处理：var myX = event.x ? event.x : event.pageX; var myY = event.y ? event.y:event.pageY;


event.srcElement 问题
问题说明：IE下，event 对象有 srcElement 属性，但是没有 target 属性；Firefox 下，even对象有 target 属性，但是没有 srcElement 属性。
兼容处理：srcObj = event.srcElement ? event.srcElement : event.target;


模态和非模态窗口问题
IE下，可以通过 showModalDialog和 showModelessDialog 打开模态和非模态窗口；Firefox下则不能。
兼容处理：直接使用 window.open(pageURL,name,parameters) 方式打开新窗口。如果需要将子窗口中的参数传递回父窗口，可以在子窗口中使用 window.opener来访问父窗口。如果需要父窗口控制子窗口的话，使用 var subWindow = window.open(pageURL,name,parameters); 来获得新开的窗口对象。

frame 和 iframe 问题
以下面的 frame 为例：<frame src="xxx.html" id="frameId" name="frameName" />
1 访问frame对象
IE：使用 window.frameId 或者 window.frameName 来访问这个frame对象；
Firefox：使用window.frameName来访问这个frame对象；
兼容处理：统一使用 window.document.getElementById("frameId") 来访问这个 frame 对象；
2 切换 frame 内容
在 IE 和 Firefox 中都可以使用 window.document.getElementById("frameId").src = “xxx.html" 或 window.frameName.location = “xxx.html" 来切换 frame 的内容；
如果需要将 frame 中的参数传回父窗口，可以在 frame 中使用 parent 关键字来访问父窗口。


事件委托方法
问题说明：IE下，使用 document.body.onload = inject; 其中 function inject()在这之前已被实现；在Firefox下，使用 document.body.onload = inject();
兼容处理：统一使用 document.body.onload=new Function("inject()");或者 document.body.onload = function() { /* 这里是代码 */}
[Function和function的区别]

访问的父元素的区别
在 IE 下，使用 obj.parentElement 或 obj.parentNode 访问 obj 的父结点；
firefox 下，使用 obj.parentNode 访问 obj 的父结点。


对象宽高赋值问题
FireFox 中类似 obj.style.height = imgObj.height 的语句无效。
兼容处理：统一使用 obj.style.height = imgObj.height + “px";

CSS圆角问题
IE：IE7 以下版本不支持圆角。
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;。