IE與firefox在javascript和css上的不同點

　　1.firefox不能對innerText支持，也不知道為什么。firefox支持innerHTML但卻不支持innerText，所以上網查了一下，原來它改支持textContent來實現innerText，不過實現得沒有那么好，默認把多余的空格也保留了。如果不用textContent，如果字符串里面不包含HTML代碼也可以用innerHTML代替

　　2.禁止選取網頁內容：

　　在IE中一般用js：obj.onselectstart=function(){return false;}

　　而firefox用CSS:-moz-user-select:none

　　3.濾鏡的支持(例：透明濾鏡)：

　　IE:filter：alpha(opacity=10);

　　firefox：-moz-opacity:.10;

　　4.捕獲事件：

　　IE：obj.setCapture() 、obj.releaseCapture()

　　Firefox： document.addEventListener("mousemove",mousemovefunction,true);

　　document.removeEventListener("mousemove",mousemovefunction,true);

　　5.獲取鼠標位置：

　　6.DIV等元素的邊界問題：

　　比如：設置一個div的CSS:：{width:100px;height:100px;border:#000000 1px solid;}

　　IE中：div的寬度（包括邊框寬度）：100px，div的高度（包括邊框寬度）：100px；

　　而firefox：div的寬度（包括邊框寬度）：102px，div的高度（包括邊框寬度）：102px；

　　所以在做這個兼容IE和firefox的拖動窗口時，在js和css的寫法上要動點腦筋，給大家兩個小技巧

　　一.判斷瀏覽器類型：

　　var isIE=document.all? true:false;

　　我寫了一個變量，如果支持document.all語法那么isIE=true，否則isIE=false

　　二.在不同瀏覽器下的CSS處理：

　　一般可以用!important來優先使用css語句（僅firefox支持）

　　比如：{border-width:0px!important;border-width:1px;}

　　在firefox下這個元素是沒有邊框的，在IE下邊框寬度是1px

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈