IE與FireFox的JavaScript兼容問題解決辦法_javascript技巧

1、動態刪除table里的某一行。

table：表示table對象。

k：表示行號

table.rows[k].removeNode(true); //firefox執行失敗，ie執行成功

IE與FireFox兼容寫法

table.deleteRow(k);

2、為HTML標簽自定義屬性。

inputElement：表示表單元素。

propertyName：表示表單元素下的某個屬性

inputElement.propertyName; //firefox執行失敗，ie執行成功

IE與FireFox兼容寫法

document.getElementById("txtInput").attributes["idvalue"].nodeValue

3、在指定位置插入HTML元素。

inputElement：表示表單元素。

vDiv：表示將要插入的HTML元素。

inputElement.insertAdjacentElement("AfterEnd",vDiv);//firefox執行失敗，ie執行成功

IE與FireFox兼容寫法

在firefox中，沒有該方法的定義，因此，如果需要調用該方法，需要自己重定義該方法。
代碼如下:
//重寫insertAdjacentElement()方法，因為firefox中沒有該方法
HTMLElement.prototype.insertAdjacentElement=function(where,parsedNode){
switch(where){
case "beforeBegin":
this.parentNode.insertBefore(parsedNode,this);
break;
case "afterBegin":
this.insertBefore(parsedNode,this.firstChild);
break;
case "beforeEnd":
this.appendChild(parsedNode);
break;
case "afterEnd":
if(this.nextSibling)
this.parentNode.insertBefore(parsedNode,this.nextSibling);
else
this.parentNode.appendChild(parsedNode);
break;
}
}

4、break語句失效。

在IE里執行for循環語句時原本使用break可以跳出當次循環。但在FF里面就變成了退出整個循環。這時候改用continue語句即可。

5、firefox報String contains an invalid character。

var chkBox=document.createElement(''); //在IE下成功執行

IE與FireFox兼容寫法

firefox不支持這種createElement的定義方式，需要分步進行：
代碼如下:
var chkBox = document.createElement('input');
chkBox.name = "treeBox";
chkBox.type = "checkbox";

chkBox.value = key;

6、table 對象的 (表格行)對象的集合
bdList.rows(k).cells(0).innerHTML = "aaa";//firefox執行失敗，ie執行成功

IE與FireFox兼容寫法
代碼如下:
bdList.rows[k].cells[0].innerHTML = "aaa";

7、JS的getYear()方法在firefox里的問題

var today = new date();
var year = today.getYear();
在 Firefox 里面 getYear 返回的是 "當前年份-1900" 的值 IE里面則：
當today的年份小于2000的時候，和firefox一樣。所以最好用 getFullYear getUTCFullYear 去調用

IE與FireFox兼容寫法
代碼如下:
var today = new date();
var year = today.getFullYear();

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com