那麼只有IF-ELSE了 萬幸的是

CSS跟JavaScript開拓中，最令各人頭疼的題目就是賞識器兼容性了，固然許多有這方面的文章，但依然讓許多開拓職員暈頭轉向，並且也不足全面。這篇文章，將全面網絡css和javascript在各類賞識器下的兼容性陳訴，也等候列位不絕增補。

因為覺察內容網絡越來越多，抉擇將CSS跟JavaScript分隔。

 

一、document.formName.item(”itemName”) 題目

題目聲名：IE下，可以行使 document.formName.item(”itemName”) 或 document.formName.elements ["elementName"]；Firefox 下，只能行使document.formName.elements["elementName"]。
辦理要領：同一行使document.formName.elements["elementName"]。

二、荟萃類工具題目

題目聲名：IE下，可以行使 () 或 [] 獲取荟萃類工具；Firefox下，只能行使 [ ]獲取荟萃類工具。
辦理要領：同一行使 [] 獲取荟萃類工具。

三、自界說屬性題目

題目聲名：IE下，可以行使獲取通例屬性的要領來獲取自界說屬性，也可以行使 getAttribute() 獲取自界說屬性；Firefox下，只能行使 getAttribute() 獲取自界說屬性。
辦理要領：同一通過 getAttribute() 獲取自界說屬性。

四、eval(”idName”)題目

題目聲名：IE下，可以行使 eval(”idName”) 或 getElementById(”idName”) 來取得 id 為 idName 的HTML工具；Firefox下，只能行使 getElementById(”idName”) 來取得 id 為 idName 的HTML工具。
辦理要領：同一用 getElementById(”idName”) 來取得 id 為 idName 的HTML工具。

五、變量名與某HTML工具ID溝通的題目

題目聲名：IE下，HTML工具的ID可以作為 document 的部屬工具變量名直接行使，Firefox下則不能；Firefox下，可以行使與HTML工具ID溝通的變量名，IE下則不能。
辦理要領：行使 document.getElementById(”idName”) 取代 document.idName。最好不要取HTML工具ID溝通的變量名，以镌汰錯誤；在聲明變量時，一致加上var要害字，以停止歧義。

六、const題目

題目聲名：Firefox下，可以行使const要害字或var要害字來界說常量；IE下，只能行使var要害字來界說常量。
辦理要領：同一行使var要害字來界說常量。

七、input.type屬性題目

題目聲名：IE下 input.type 屬性為只讀；可是Firefox下 input.type 屬性為讀寫。
辦理步伐：不修改 input.type 屬性。假如必必要修改，可以先潛匿原本的input，然後在同樣的位置再插入一個新的input元素。

八、window.event題目

題目聲名：window.event 只能在IE下運行，而不能在Firefox下運行，這是由於Firefox的event只能在變亂產生的現場行使。
辦理要領：在變亂產生的函數上加上event參數，在函數體內(假設形參為evt)行使 var myEvent = evt?evt:(window.event?window.event:null)
示例：

<input type="button" onclick="doSomething(event)"/>
<script language="javascript">
function doSomething(evt) {
var myEvent = evt?evt:(window.event?window.event:null)
...
}

九、event.x與event.y題目

題目聲名：IE下，even工具有x、y屬性，可是沒有pageX、pageY屬性；Firefox下，even工具有pageX、pageY屬性，可是沒有x、y屬性。
辦理要領：var myX = event.x ? event.x : event.pageX; var myY = event.y ? event.y:event.pageY;
假如思量第8條題目，就改用myEvent取代event即可。

十、event.srcElement題目

題目聲名：IE下，even工具有srcElement屬性，可是沒有target屬性；Firefox下，even工具有target屬性，可是沒有srcElement屬性。
辦理要領：行使srcObj = event.srcElement ? event.srcElement : event.target;
假如思量第8條題目，就改用myEvent取代event即可。

十一、window.location.href題目

題目聲名：IE可能Firefox2.0.x下，可以行使window.location或window.location.href；Firefox1.5.x下，只能行使window.location。
辦理要領：行使 window.location 來取代 window.location.href。雖然也可以思量行使 location.replace()要領。

十二、模態和非模態窗口題目

題目聲名：IE下，可以通過showModalDialog和showModelessDialog打開模態和非模態窗口；Firefox下則不能。
辦理要領：直接行使 window.open(pageURL,name,parameters) 方法打開新窗口。
假如必要將子窗口中的參數轉達回父窗口，可以在子窗口中行使window.opener來會見父窗口。假如必要父窗口節制子窗口的話，行使 var subWindow = window.open(pageURL,name,parameters); 來得到新開的窗口工具。

十三、frame和iframe題目

以下面的frame為例：

(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 = “webjx.com.html”或 window.frameName.location = “webjx.com.html”勞迫椿frame的內容；
假如必要將frame中的參數傳回父窗口，可以在frame中行使parent要害字來會見父窗口。

十四、body載入題目

題目聲名：Firefox的body工具在body標簽沒有被賞識器完全讀入之前就存在；而IE的body工具則必需在body標簽被賞識器完全讀入之後才存在。
[注] 這個題目尚未現實行證，待驗證後再來修改。
[注] 履歷證，IE6、Opera9以及FireFox2中不存在上述題目，純真的JS劇本可以會見在劇本之前已經載入的全部工具和元素，縱然這個元素還沒有載入完成。

十五、變亂委托要領

題目聲名：IE下，行使 document.body.onload = inject; 個中function inject()在這之前已被實現；在Firefox下，行使 document.body.onload = inject();
辦理要領：同一行使 document.body.onload=new Function(’inject()’); 可能 document.body.onload = function(){/* 這裡是代碼 */}
[留意] Function和function的區別

十六、會見的父元素的區別

(