日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁(yè) > 云知道 > >

js在IE與firefox的差異集錦

云知道

1.firefox不能對(duì)innerText支持 。
firefox支持innerHTML但卻不支持innerText，它支持textContent來(lái)實(shí)現(xiàn)innerText，不過(guò)默認(rèn)把多余的空格也保留了 。如果不用textContent，如果字符串里面不包含HTML代碼也可以用innerHTML代替 。
2.禁止選取網(wǎng)頁(yè)內(nèi)容：
在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.獲取鼠標(biāo)位置：
IE:event.clientX、event.clientY
firefox：需要事件函數(shù)傳遞事件對(duì)象
obj.onmousemove=function(ev){
X= ev.pageX;Y=ev.pageY;
}
6.DIV等元素的邊界問(wèn)題：
比如：設(shè)置一個(gè)div的CSS:：{width:100px;height:100px;border:#000000 1px solid;}
IE中：div的寬度（包括邊框?qū)挾龋?00px，div的高度（包括邊框?qū)挾龋?00px；
而firefox：div的寬度（包括邊框?qū)挾龋?02px，div的高度（包括邊框?qū)挾龋?02px；
所以在做這個(gè)兼容IE和firefox的拖動(dòng)窗口時(shí)，在js和css的寫(xiě)法上要?jiǎng)狱c(diǎn)腦筋，給大家兩個(gè)小技巧
一.判斷瀏覽器類型：
var isIE=document.all true:false;
我寫(xiě)了一個(gè)變量，如果支持document.all語(yǔ)法那么isIE=true，否則isIE=false
二.在不同瀏覽器下的CSS處理：
一般可以用!important來(lái)優(yōu)先使用css語(yǔ)句（僅firefox支持）
比如：{border-width:0px!important;border-width:1px;}
在firefox下這個(gè)元素是沒(méi)有邊框的，在IE下邊框?qū)挾仁?px
1.document.formName.item("itemName") 問(wèn)題
問(wèn)題說(shuō)明：IE下，可以使用 document.formName.item("itemName") 或 document.formName.elements ["elementName"]；Firefox下，只能使用document.formName.elements["elementName"] 。
解決方法：統(tǒng)一使用document.formName.elements["elementName"] 。
2.集合類對(duì)象問(wèn)題
問(wèn)題說(shuō)明：IE下，可以使用 () 或 [] 獲取集合類對(duì)象；Firefox下，只能使用 [ ]獲取集合類對(duì)象 。
解決方法：統(tǒng)一使用 [] 獲取集合類對(duì)象 。
3.自定義屬性問(wèn)題
問(wèn)題說(shuō)明：IE下，可以使用獲取常規(guī)屬性的方法來(lái)獲取自定義屬性，也可以使用 getAttribute() 獲取自定義屬性；Firefox下，只能使用 getAttribute() 獲取自定義屬性 。
解決方法：統(tǒng)一通過(guò) getAttribute() 獲取自定義屬性 。
4.eval("idName")問(wèn)題
問(wèn)題說(shuō)明：IE下，可以使用 eval("idName") 或 getElementById("idName") 來(lái)取得 id 為 idName 的HTML對(duì)象；Firefox下，只能使用 getElementById("idName") 來(lái)取得 id 為 idName 的HTML對(duì)象 。
解決方法：統(tǒng)一用 getElementById("idName") 來(lái)取得 id 為 idName 的HTML對(duì)象 。
【js在IE與firefox的差異集錦】5.變量名與某HTML對(duì)象ID相同的問(wèn)題
問(wèn)題說(shuō)明：IE下，HTML對(duì)象的ID可以作為 document 的下屬對(duì)象變量名直接使用，F(xiàn)irefox下則不能；Firefox下，可以使用與HTML對(duì)象ID相同的變量名，IE下則不能 。
解決方法：使用 document.getElementById("idName") 代替 document.idName 。最好不要取HTML對(duì)象ID相同的變量名，以減少錯(cuò)誤；在聲明變量時(shí)，一律加上var關(guān)鍵字，以避免歧義 。
6.const問(wèn)題
問(wèn)題說(shuō)明：Firefox下，可以使用const關(guān)鍵字或var關(guān)鍵字來(lái)定義常量；IE下，只能使用var關(guān)鍵字來(lái)定義常量 。
解決方法：統(tǒng)一使用var關(guān)鍵字來(lái)定義常量 。
7.input.type屬性問(wèn)題
問(wèn)題說(shuō)明：IE下 input.type 屬性為只讀；但是Firefox下 input.type 屬性為讀寫(xiě) 。
解決辦法：不修改 input.type 屬性 。如果必須要修改，可以先隱藏原來(lái)的input，然后在同樣的位置再插入一個(gè)新的input元素 。

推薦閱讀