ie和firefox的javascript兼容性总结.docVIP

【总结】IE和Firefox的Javascript兼容性总结 　　长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此，主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 　　一、函数和方法差异； 　　二、样式访问和设置； 　　三、DOM方法及对象引用； 　　四、事件处理； 　　五、其他差异的兼容处理。 一、函数和方法差异 1. getYear()方法 【分析说明】先看一下以下代码： var year= new Date().getYear();document.write(year); 　　在IE中得到的日期是2010，在Firefox中看到的日期是110，主要是因为在 Firefox 里面 getYear 返回的是 当前年份-1900 的值。 【兼容处理】 　　加上对年份的判断，如: var year= new Date().getYear();year = (year1900?(1900+year):year); document.write(year); 　　也可以通过 getFullYear getUTCFullYear 去调用: var year = new Date().getFullYear();document.write(year); 2. eval()函数 【分析说明】在IE中，可以使用eval(idName)或getElementById(idName)来取得id为idName的HTML对象；Firefox下只能使用getElementById(idName)来取得id为idName的HTML对象。 【兼容处理】统一用getElementById(idName)来取得id为idName的HTML对象。 3. const声明 【分析说明】在 IE 中不能使用 const 关键字。如： const constVar = 32; 在IE中这是语法错误。 【兼容处理】不使用 const ，以 var 代替。 4. var 【分析说明】请看以下代码： echo=function(str){ document.write(str);} pre 　　这个函数在IE上运行正常，Firefox下却报错了。 【兼容处理】而在echo前加上var就正常了，这个就是我们提到var的目的。 5. const 问题 【分析说明】在 IE 中不能使用 const 关键字。如 const constVar = 32; 在IE中这是语法错误。 【解决方法】不使用 const ，以 var 代替。 二、样式访问和设置 1. CSS的float属性 【分析说明】Javascript访问一个给定CSS 值的最基本句法是：perty，但部分CSS属性跟Javascript中的保留字命名相同，如float，for，class等，不同浏览器写法不同。 在IE中这样写： document.getElementById(header).style.styleFloat = left; 在Firefox中这样写： document.getElementById(header).style.cssFloat = left; 【兼容处理】在写之前加一个判断，判断浏览器是否是IE： if(document.all){ 　　document.getElementById(header).style.styleFloat = left; }else{ 　　document.getElementById(header).style.cssFloat = left; } 2. 访问label标签中的for 【分析说明】和float属性一样，同样需要使用不现的句法区分来访问label标签中的for。 在IE中这样写： var myObject = document.getElementById(myLabel);var myAttribute = myObject.getAttribute(htmlFor); 在Firefox中这样写： var myObject = document.getElementById(myLabel);var myAttribute = myObject.getAttribute(for); 【兼容处理】解决的方法也是先 判断浏览器类型。 3. 访问和设置class属性 【分析说明】同样由于class是Javascript保留字的原因，这两种浏览器使用不同的 JavaScript 方法来获取这个属性。 IE8.0之前的所有IE版本的写法： var myObject = docum