[置顶] 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中，没有该方法的定义，因此，如果需要调用该方法，需要自己重定义该方法。

[javascript] view plaincopyprint?

//重写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的定义方式，需要分步进行：

[javascript] view plaincopyprint?

var chkBox = document.createElement('input');
chkBox.name = "treeBox";
chkBox.type = "checkbox";
hkBox.value = key;

6、table 对象的 (表格行)对象的集合
bdList.rows(k).cells(0).innerHTML = "<a>aaa</a>";//firefox执行失败，ie执行成功

IE与FireFox兼容写法

[javascript] view plaincopyprint?

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兼容写法

[javascript] view plaincopyprint?

var today = new date();
var year = today.getFullYear();

转载于:https://blog.51cto.com/3001448/1206054

[置顶] IE与FireFox的JavaScript兼容问题相关推荐

JavaScript中hoisting(悬置/置顶解析/预解析) 实例解释，全局对象，隐含的全局概念...
JavaScript中hoisting(悬置/置顶解析/预解析) 实例解释,全局对象,隐含的全局概念 <html><body><script type="tex ...
解决jquery的scrollTop()置顶的浏览器兼容
2019独角兽企业重金招聘Python工程师标准>>> 对于前端开发者来说,浏览器兼容是经常会遇到的问题,在不同的项目中经常会遇到不同的弹出层操作,比如登录的弹出层,需要在屏幕的中间 ...
ubuntu firefox不能播放MP4，ubuntu Firefox flash 浏览器全屏置顶
ubuntu默认安装的Firefox是不能播放MP4的, sudo apt-get install gnome-mplayer ubuntu默认安装的Firefox是不能播放flash的, sudo ...
php置顶功能代码,jquery实现页面置顶功能代码
//获取页面的最小高度,无传入值则默认为600像素 min_height ? min_height = min_height : min_height = 600; //为窗口的scroll事件绑定处 ...
【总结】IE和Firefox的Javascript兼容性总结
长久以来JavaScript兼容性一直是Web开发者的一个主要问题.在正式规范.事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬.为此,主要从以下几方面差异总结IE和Firefox的Javas ...
阅读目录（置顶)(长期科技领域知识)
第一期:适用于数据项目的7种强大的开源工具第二期:四种正确的微服务部署方式第三期:开源和赚钱何去何从第四期:Web前端和Java开发哪个薪资更高,发展前景更好? 第五期:干货总结:中级前端工程师 ...
jQuery实现表格行上移下移和置顶
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name ...
IE与Firefox的CSS兼容大全~~论坛推荐～！！！
IE与Firefox的CSS兼容大全作者:AYI 日期:2006-10-25 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 ...
html字体置顶,2020年应使用的3种CSS字体属性
原标题:2020年应使用的3种CSS字体属性来源 | dev.to/nickbulljs 译者 | 鬼哥如果您使用具有不同字体粗细的非系统字体,则字体文件的大小将很大.浏览器将需要更多时间来下载它 ...

[置顶] IE与FireFox的JavaScript兼容问题

[置顶] IE与FireFox的JavaScript兼容问题相关推荐

最新文章

热门文章