IE和Firefox的Javascript兼容性总结

核心提示： const constVar = 32;在IE中这是语法错误，【兼容处理】不使用 const ，IE和Firefox的Javascript兼容性总结(2)，以 var 代替，4. var【分析说明】请看以下代码：echo=function(str){document.write(str);}这个

const constVar = 32;

在IE中这是语法错误。

【兼容处理】不使用 const ，以 var 代替。

4. var

【分析说明】请看以下代码：

echo=function(str){
document.write(str);
}

这个函数在IE上运行正常，Firefox下却报错了。

【兼容处理】而在echo前加上var就正常了，这个就是我们提到var的目的。

5. const 问题

【分析说明】在 IE 中不能使用 const 关键字。如 const constVar = 32; 在IE中这是语法错误。

【解决方法】不使用 const ，以 var 代替。

二、样式访问和设置

1. CSS的"float"属性

【分析说明】Javascript访问一个给定CSS 值的最基本句法是：object.style.property，但部分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");