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基本概念初级讲解论坛贴的学习记录
Feb 22 Javascript
jquery操作checkbox实现全选和取消全选
May 02 Javascript
浅析Node在构建超媒体API中的作用
Jul 30 Javascript
jQuery插件bxSlider实现响应式焦点图
Apr 12 Javascript
提升jQuery的性能需要做好七件事
Jan 11 Javascript
jQuery给div,Span, a ,button, radio 赋值与取值
Jun 24 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
Nov 26 Javascript
Angularjs之filter过滤器(推荐)
Nov 27 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
Dec 02 Javascript
Webpack优化配置缩小文件搜索范围
Dec 25 Javascript
原生js实现贪食蛇小游戏的思路详解
Nov 26 Javascript
JS实现放大镜效果
Sep 21 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
不用数据库的多用户文件自由上传投票系统(3)
2006/10/09 PHP
zend framework配置操作数据库实例分析
2012/12/06 PHP
php连接oracle数据库及查询数据的方法
2014/12/29 PHP
php使用指定编码导出mysql数据到csv文件的方法
2015/03/31 PHP
php简单获取复选框值的方法
2016/05/11 PHP
Yii2框架加载css和js文件的方法分析
2019/05/25 PHP
对联广告js flash激活
2006/10/19 Javascript
Code:findPosX 和 findPosY
2006/12/20 Javascript
jquery删除ID为sNews的tr元素的内容
2014/04/10 Javascript
在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南
2014/12/29 Javascript
Ajax分页插件Pagination从前台jQuery到后端java总结
2016/07/22 Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
2016/09/04 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
2017/01/08 Javascript
快速处理vue渲染前的显示问题
2018/03/05 Javascript
vue router 配置路由的方法
2018/07/26 Javascript
vue实现日历表格(element-ui)
2020/09/24 Javascript
python实现的用于搜索文件并进行内容替换的类实例
2015/06/28 Python
Python爬虫辅助利器PyQuery模块的安装使用攻略
2016/04/24 Python
Python入门_浅谈字符串的分片与索引、字符串的方法
2017/05/16 Python
在CentOS6上安装Python2.7的解决方法
2018/01/09 Python
《与孩子一起学编程》python自测题
2018/05/27 Python
使用OpenCV实现道路车辆计数的使用方法
2020/07/15 Python
CSS3的first-child选择器实战攻略
2016/04/28 HTML / CSS
英国在线房屋中介网站:Yopa
2018/01/09 全球购物
维多利亚的秘密官方旗舰店:VICTORIA’S SECRET
2018/04/02 全球购物
大学系主任推荐信范文
2013/12/24 职场文书
如何写你的创业计划书
2014/01/07 职场文书
租赁意向书范本
2014/04/01 职场文书
大学学习计划书范文
2014/05/02 职场文书
党的群众路线教育实践活动领导班子整改方案
2014/10/25 职场文书
文案策划岗位职责
2015/02/11 职场文书
公司文体活动总结
2015/05/07 职场文书
公积金具结保证书
2015/05/11 职场文书
2015大一新生军训感言
2015/08/01 职场文书
学习经验交流会总结
2015/11/02 职场文书
创业计划书之物流运送
2019/09/17 职场文书