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 相关文章推荐
Jquery知识点一 Jquery的ready和Dom的onload的区别
Jan 15 Javascript
jQuery源码分析-05异步队列 Deferred 使用介绍
Nov 14 Javascript
网页编辑器ckeditor和ckfinder配置步骤分享
May 24 Javascript
用Javascript来生成ftp脚本的小例子
Jul 03 Javascript
js数组操作常用方法
May 08 Javascript
JavaScript基于ajax编辑信息用法实例
Jul 15 Javascript
JavaScript中的原型继承基础学习教程
May 06 Javascript
jQuery的层级查找方式分析
Jun 16 Javascript
C#微信小程序服务端获取用户解密信息实例代码
Mar 10 Javascript
js实现图片加载淡入淡出效果
Apr 07 Javascript
javascript 面向对象实战思想分享
Sep 07 Javascript
es6在react中的应用代码解析
Nov 08 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
php中使用接口实现工厂设计模式的代码
2012/06/17 PHP
JS getMonth()日期函数的值域是0-11
2010/02/15 Javascript
一些javascript一些题目的解析
2010/12/25 Javascript
利用cookie记住背景颜色示例代码
2013/11/04 Javascript
Angularjs整合微信UI(weui)
2016/03/15 Javascript
弹出遮罩层后禁止滚动效果【实现代码】
2016/04/29 Javascript
javascript 动态生成css代码的两种方法
2017/03/17 Javascript
微信小程序封装http访问网络库实例代码
2017/05/24 Javascript
jQuery复合事件用法示例
2017/06/10 jQuery
关于jQuery里prev()的简单操作代码
2017/10/27 jQuery
Angular4集成ng2-file-upload的上传组件
2018/03/14 Javascript
vue 实现模糊检索并根据其他字符的首字母顺序排列
2019/09/19 Javascript
JavaScript this关键字的深入详解
2021/01/14 Javascript
[04:22]DSPL第二期精彩集锦:残血反杀!
2014/12/10 DOTA
Python内置的字符串处理函数整理
2013/01/29 Python
python中pandas.DataFrame排除特定行方法示例
2017/03/12 Python
Python 逐行分割大txt文件的方法
2017/10/10 Python
python编写朴素贝叶斯用于文本分类
2017/12/21 Python
查看TensorFlow checkpoint文件中的变量名和对应值方法
2018/06/14 Python
Python图像处理之简单画板实现方法示例
2018/08/30 Python
Django框架实现分页显示内容的方法详解
2019/05/10 Python
Python发送邮件封装实现过程详解
2020/05/09 Python
基于python检查矩阵计算结果
2020/05/21 Python
Python新手如何理解循环加载模块
2020/05/29 Python
详解Python爬虫爬取博客园问题列表所有的问题
2021/01/18 Python
HTML5 Canvas像素处理使用接口介绍
2012/12/02 HTML / CSS
意大利在线药房:shop-farmacia.it
2019/03/12 全球购物
Interrail法国:乘火车探索欧洲,最受欢迎的欧洲铁路通票
2019/08/27 全球购物
Nike意大利官网:Nike.com IT
2020/01/19 全球购物
本科生求职简历的自我评价
2013/10/21 职场文书
企业读书活动总结
2014/06/30 职场文书
办护照工作证明
2014/10/01 职场文书
后进基层党组织整改方案
2014/10/25 职场文书
具结保证书
2015/01/17 职场文书
2015年“7.11”世界人口日宣传活动方案
2015/05/06 职场文书
Python爬取奶茶店数据分析哪家最好喝以及性价比
2022/09/23 Python