提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

IE与FireFox的JavaScript兼容问题解决办法

JavaScript 解决办法 IE firefox 兼容问题
2023-06-13 09:15:15 时间

以下是我在开发中遇到的情况：

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报Stringcontainsaninvalidcharacter。

varchkBox=document.createElement("<inputtype="Checkbox"name="treeBox"value="+key+">");//在IE下成功执行

IE与FireFox兼容写法

firefox不支持这种createElement的定义方式，需要分步进行：

复制代码代码如下:

 varchkBox=document.createElement("input");
 chkBox.name="treeBox";
 chkBox.type="checkbox";

chkBox.value=key;


6、table对象的(表格行)对象的集合
bdList.rows(k).cells(0).innerHTML="<a>aaa</a>";//firefox执行失败，ie执行成功

IE与FireFox兼容写法

复制代码代码如下:
bdList.rows[k].cells[0].innerHTML="<a>aaa</a>";

7、JS的getYear()方法在firefox里的问题

vartoday=newdate();
varyear=today.getYear();
在Firefox里面getYear返回的是"当前年份-1900"的值IE里面则：
当today的年份小于2000的时候，和firefox一样。所以最好用getFullYeargetUTCFullYear去调用

IE与FireFox兼容写法

复制代码代码如下:
vartoday=newdate();
varyear=today.getFullYear();

相关文章