IE和Firefox之间在JavaScript语法上的差异_

《IE和Firefox之间在JavaScript语法上的差异_》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、IE和Firefox之间在JavaScript语法上的差异_这篇文章主要为大家具体介绍了IE和Firefox之间在JavaScript语法上的差异，在JavaScript语法上不同的7个方面，感爱好的小伙伴们可以参考一下尽管JavaScript历史上用法冗长而令人生厌的代码块来标的特定扫瞄器的时期已经结束了，但是间或用法一些简洁的代码块和对象检测来确保一些代码在用户机器上正常工作依旧是必要的。这篇文章中，我会略述一下InternetExplorer和Firefox在JavaScript语法上不同的7个方面。1.CSS“float”属性猎取给定对象的特定CSS属性的基本语法是o

2、bject.style属性，而且有连字符的属性要用骆驼命名法来代替。例如，猎取一个ID为“header”的div的background-color属性，我们要用如下语法：代码如下:document.getElementById("header").style.borderBottom="1pxsolid#ccc";但是由于“float”是JavaScript的保留词，我们就无法用法object.style.float来猎取“float”属性了。一下是我们在两种扫瞄器中的用法的方法：IE语法：代码如下:document.getElementById("header").styl

3、e.styleFloat="left";Firefox语法：代码如下:document.getElementById("header").style.cssFloat="left";2.元素的计算样式通过用法上述的object.style.property，JavaScript可以很简单的猎取和修改对象的设定CSS样式。但是这一语法的局限在于，它只能取得内联在HTML里的样式，或者挺直用法JavaScript设定的样式。style对象不能猎取用法外部样式表设定的样式。为了猎取对象的”计算样式”，我们用法以下代码：IE语法：varmyObject=document.getEle

4、mentById("header");varmyStyle=myObject.currentStyle.backgroundColor;Firefox语法：varmyObject=document.getElementById("header");varmyComputedStyle=document.defaultView.getComputedStyle(myObject,null);varmyStyle=myComputedStyle.backgroundColor;3.猎取元素的”class”属性类似于”float”属性的状况，这两种扫瞄器用法不同的JavaScrip

5、t方法来猎取这个属性。IE语法：varmyObject=document.getElementById("header");varmyAttribute=myObject.getAttribute("className");Firefox语法：varmyObject=document.getElementById("header");varmyAttribute=myObject.getAttribute("class");4.猎取label标签的“for”属性和3一样，用法JavaScript猎取label的“for”属性也有不同语法。IE语法：varmyObject=do

6、cument.getElementById("myLabel");varmyAttribute=myObject.getAttribute("htmlFor");Firefox语法：varmyObject=document.getElementById("myLabel");varmyAttribute=myObject.getAttribute("for");对于setAtrribute方法来说也是同样的语法。5.猎取光标位置猎取元素的光标位置比较少见，假如需要这么做，IE和Firefox的语法也是不同的。这个示例代码是相当基础的，一般用作很多简单大事处理的一部分，这里仅用

7、来描述差异。需要留意的是，IE中的结果和Firefox中是不同的，因此这个方法有些问题。通常，这个差异可以通过猎取“滚动位置”来补偿－但那是另外一篇文章的课题了。IE语法：varmyCursorPosition=[0,0];myCursorPosition[0]=event.clientX;myCursorPosition[1]=event.clientY;Firefox语法：varmyCursorPosition=[0,0];myCursorPosition[0]=event.pageX;myCurs