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


Posted in Javascript onDecember 31, 2013

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

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();
Javascript 相关文章推荐
Javascript 判断客户端浏览器类型代码
Mar 01 Javascript
浅谈JavaScript中定义变量时有无var声明的区别
Aug 18 Javascript
Javascript实现div层渐隐效果的方法
May 30 Javascript
纯javascript制作日历控件
Jul 17 Javascript
原生js封装二级城市下拉列表的实现代码
Jun 16 Javascript
微信开发 消息推送实现代码
Oct 21 Javascript
AngularJS模板加载用法详解
Nov 04 Javascript
JavaScript中this的用法实例分析
Dec 19 Javascript
jQuery树插件zTree使用方法详解
May 02 jQuery
详解bootstrap导航栏.nav与.navbar区别
Nov 23 Javascript
Vue页面骨架屏的实现方法
May 22 Javascript
vue实现员工信息录入功能
Jun 11 Javascript
jquery遍历select元素(实例讲解)
Dec 31 #Javascript
在页面上用action传递参数到后台出现乱码的解决方法
Dec 31 #Javascript
获取鼠标在div中的相对位置的实现代码
Dec 30 #Javascript
input链接页面、打开新网页等等的具体实现
Dec 30 #Javascript
获取3个数组不重复的值的具体实现
Dec 30 #Javascript
改变隐藏的input中value的值代码
Dec 30 #Javascript
js中switch case循环实例代码
Dec 30 #Javascript
You might like
咖啡与牛奶
2021/03/03 冲泡冲煮
Valerio 发布了 Mootools
2006/09/23 Javascript
Javascript中的数学函数
2007/04/04 Javascript
JavaScript检测浏览器cookie是否已经启动的方法
2015/02/27 Javascript
jquery简单实现外部链接用新窗口打开的方法
2015/05/30 Javascript
很不错的两款Bootstrap Icon图标选择组件
2016/01/28 Javascript
使用 jQuery.ajax 上传带文件的表单遇到的问题
2016/10/31 Javascript
Jquery 整理元素选取、常用方法一览表
2016/11/26 Javascript
前端开发之CSS原理详解
2017/03/11 Javascript
AngularJS2中一种button切换效果的实现方法(二)
2017/03/27 Javascript
vue.js给动态绑定的radio列表做批量编辑的方法
2018/02/28 Javascript
详解微信JS-SDK选择图片遇到的坑
2018/08/15 Javascript
JQuery获取元素尺寸、位置及页面滚动事件应用示例
2019/05/14 jQuery
微信小程序如何刷新当前界面的实现方法
2019/06/07 Javascript
python实现随机森林random forest的原理及方法
2017/12/21 Python
Python图形绘制操作之正弦曲线实现方法分析
2017/12/25 Python
python递归实现快速排序
2018/08/18 Python
Python里字典的基本用法(包括嵌套字典)
2019/02/27 Python
python时间与Unix时间戳相互转换方法详解
2020/02/13 Python
Python新手学习装饰器
2020/06/04 Python
如何使用Python处理HDF格式数据及可视化问题
2020/06/24 Python
linux mint中搜狗输入法导致pycharm卡死的问题
2020/10/28 Python
Html5画布_动力节点Java学院整理
2017/07/13 HTML / CSS
canvas实现俄罗斯方块的方法示例
2018/12/13 HTML / CSS
通过canvas转换颜色为RGBA格式及性能问题的解决
2019/11/22 HTML / CSS
澳大利亚在线家具店:Luxo Living
2019/03/24 全球购物
C&A巴西网上商店:时尚、衣服、手机和鞋子
2020/06/07 全球购物
简历上的自我评价怎么写
2014/01/28 职场文书
遗嘱继承公证书
2014/04/09 职场文书
团队精神的演讲稿
2014/05/14 职场文书
公司投资建议书
2014/05/16 职场文书
乡党委干部党的群众路线教育实践活动个人对照检查材料思想汇报
2014/10/01 职场文书
教师个人事迹材料
2014/12/17 职场文书
东京审判观后感
2015/06/01 职场文书
2021年最新用于图像处理的Python库总结
2021/06/15 Python
SQL基础查询和LINQ集成化查询
2022/01/18 MySQL