1、動態(tài)刪除table里的某一行。

table：表示table對象。

k：表示行號

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

IE與FireFox兼容寫法

table.deleteRow(k);

?

?2、為HTML標(biāo)簽自定義屬性。

inputElement：表示表單元素。

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

inputElement.propertyName; //firefox執(zhí)行失敗，ie執(zhí)行成功

IE與FireFox兼容寫法

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

?

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

inputElement：表示表單元素。

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

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

IE與FireFox兼容寫法

在firefox中，沒有該方法的定義，因此，如果需要調(diào)用該方法，需要自己重定義該方法。

[javascript]?view plaincopyprint?

//重寫insertAdjacentElement()方法，因?yàn)閒irefox中沒有該方法??

?????????????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里執(zhí)行for循環(huán)語句時原本使用break可以跳出當(dāng)次循環(huán)。但在FF里面就變成了退出整個循環(huán)。這時候改用continue語句即可。

?

5、firefox報(bào)String contains an invalid character。

var chkBox=document.createElement('<input type="Checkbox" name="treeBox" value= '+key+'>'); //在IE下成功執(zhí)行

IE與FireFox兼容寫法

firefox不支持這種createElement的定義方式，需要分步進(jìn)行：

[javascript]?view plaincopyprint?

var?chkBox?=?document.createElement('input');??

chkBox.name?=?"treeBox";??

chkBox.type?=?"checkbox";??

??

hkBox.value?=?key;??

?

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

IE與FireFox兼容寫法

[javascript]?view plaincopyprint?

bdList.rows[k].cells[0].innerHTML?=?"<a>aaa</a>";??

?

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

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

IE與FireFox兼容寫法

[javascript]?view plaincopyprint?

var?today?=?new?date();???

var?year?=?today.getFullYear(); ??

轉(zhuǎn)載于:https://blog.51cto.com/3001448/1206054

總結(jié)

以上是生活随笔為你收集整理的[置顶]       IE与FireFox的JavaScript兼容问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。