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

 更新时间:2013年12月31日 09:01:46   作者:  
本篇文章主要是对IE与FireFox的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('<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();

相关文章

  • 使用eslint和githooks统一前端风格的技巧

    使用eslint和githooks统一前端风格的技巧

    这篇文章主要介绍了使用eslint和githooks统一前端风格,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-07-07
  • JS操作字符串转换为数值并取整的代码

    JS操作字符串转换为数值并取整的代码

    这篇文章主要介绍了JS操作字符串转换为数值并取整的代码,代码比较短,需要的朋友可以参考下
    2014-01-01
  • javascript实现消灭星星小游戏简单版

    javascript实现消灭星星小游戏简单版

    消灭星星是一款经典的益智手游,单位里看到同事天天在手机上玩的游戏,现在也有web版了,出于业余爱好,自己尝试用javascript实现了下,就是略简单了点,文中给出了完整的实例代码,大家可以自行完善!!下面来一起看看吧。
    2016-11-11
  • JavaScript代码性能优化总结篇

    JavaScript代码性能优化总结篇

    本文给大家总结了有关js代码性能优化的相关知识,非常不错,感兴趣的朋友一起学习吧
    2016-05-05
  • 事件绑定之小测试  onclick && addEventListener

    事件绑定之小测试 onclick && addEventListener

    昨晚回去后,和雷子讨论如何才能“检测”到页面上某个元素都绑定了哪些事件监听函数,第一感觉就是应该从浏览器入手,比如FF,或者Chrome等
    2011-07-07
  • 浅谈如何使用 webpack 优化资源

    浅谈如何使用 webpack 优化资源

    本篇文章主要介绍了浅谈如何使用 webpack 优化资源,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • js调用打印机打印网页字体总是缩小一号的解决方法

    js调用打印机打印网页字体总是缩小一号的解决方法

    直接调用window.print(),但是打印出来后,字体总是缩小一号,后来直接target="_blank",就可以正常打印了,下面是实现代码
    2014-01-01
  • Layui 带多选框表格监听事件以及按钮自动点击写法实例

    Layui 带多选框表格监听事件以及按钮自动点击写法实例

    今天小编就为大家分享一篇Layui 带多选框表格监听事件以及按钮自动点击写法实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JavaScript实现扫雷小游戏

    JavaScript实现扫雷小游戏

    这篇文章主要为大家详细介绍了JavaScript实现扫雷小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • JavaScript实现页面中录音功能的方法

    JavaScript实现页面中录音功能的方法

    这篇文章主要给大家介绍了关于JavaScript实现页面中录音功能的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用JavaScript具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-06-06

最新评论