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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了IE与FireFox的JavaScript兼容问题解决办法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2621字，纯文字阅读大概需要4分钟。

内容图文

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

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('<input type="Checkbox" name="treeBox" value= '+key+'>'); //在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 = "<a>aaa</a>";//firefox执行失败，ie执行成功

IE与FireFox兼容写法
代码如下:
bdList.rows[k].cells[0].innerHTML = "<a>aaa</a>";

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();

内容总结

以上是互联网集市为您收集整理的IE与FireFox的JavaScript兼容问题解决办法全部内容，希望文章能够帮你解决IE与FireFox的JavaScript兼容问题解决办法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端