源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-04-18 02:33 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:IE与FireFox的JavaScript兼容问题解决办法
以下是 我在开发中遇到的情况: [b]1、动态删除table里的某一行。[/b] table:表示table对象。 k:表示行号 table.rows[k].removeNode(true); //firefox执行失败,ie执行成功 [b]IE与FireFox兼容写法[/b] table.deleteRow(k); [b]2、为HTML标签自定义属性。[/b] inputElement:表示表单元素。 propertyName:表示表单元素下的某个属性 inputElement.propertyName; //firefox执行失败,ie执行成功 IE与FireFox兼容写法 document.getElementById("txtInput").attributes["idvalue"].nodeValue [b]3、在指定位置插入HTML元素。[/b] inputElement:表示表单元素。 vDiv:表示将要插入的HTML元素。 inputElement.insertAdjacentElement("AfterEnd",vDiv);//firefox执行失败,ie执行成功 [b]IE与FireFox兼容写法[/b] 在firefox中,没有该方法的定义,因此,如果需要调用该方法,需要自己重定义该方法。
[u]复制代码[/u] 代码如下:
//重写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;                     }                 }
[b]4、break语句失效。[/b] 在IE里执行for循环语句时原本使用break可以跳出当次循环。但在FF里面就变成了退出整个循环。这时候改用continue语句即可。 [b]5、firefox报String contains an invalid character。[/b] var chkBox=document.createElement('<input type="Checkbox" name="treeBox" value= '+key+'>'); //在IE下成功执行 [b]IE与FireFox兼容写法[/b] firefox不支持这种createElement的定义方式,需要分步进行:
[u]复制代码[/u] 代码如下:
 var chkBox = document.createElement('input');  chkBox.name = "treeBox";  chkBox.type = "checkbox"; chkBox.value = key;
[b]6、table 对象的 (表格行)对象的集合 [/b]bdList.rows(k).cells(0).innerHTML = "<a>aaa</a>";//firefox执行失败,ie执行成功 [b]IE与FireFox兼容写法 [/b]
[u]复制代码[/u] 代码如下:
bdList.rows[k].cells[0].innerHTML = "<a>aaa</a>";
[b]7、JS的getYear()方法在firefox里的问题[/b] var today = new date(); var year = today.getYear(); 在 Firefox 里面 getYear 返回的是 "当前年份-1900" 的值 IE里面则: 当today的年份小于2000的时候,和firefox一样。所以最好用 getFullYear getUTCFullYear 去调用 [b]IE与FireFox兼容写法 [/b]
[u]复制代码[/u] 代码如下:
var today = new date(); var year = today.getFullYear();
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部