宝哥软件园

JavaScript中IE和Firefox之间7种不同的语法共享

编辑:宝哥软件园 来源:互联网 时间:2021-10-16

在本文中,作者介绍了IE和Firefox中七种不同的JavaScript语法。javascript  ie  firefox

1.CSS“float”值访问给定CSS值的最基本语法是:object.style.property,使用hump writing用连接器替换该值,例如,访问ID为“header”的div的背景颜色值,我们使用以下语法:document . getelementbyid(“header”)。style.backgroundcolor='。但是,因为“float”这个词在JavaScript中是保留字,所以我们不能用object.style.float来访问它这里,我们可以在两个浏览器中做到这一点:用IE写:复制代码如下: document . getelementbyid(' header ')。style.stylefloat=' left用Firefox写这个:复制代码如下: document . getelementbyid(' header ')。style . CSS float=' left ';2.元素的计算样式JavaScript可以使用object.style.property语法从外部访问和修改CSS样式,但其局限性在于这些语法只能取出设置的内联样式或JavaScript直接设置的样式。您不能访问外部样式表。要访问元素的“外推”样式,我们可以使用以下代码:在IE中编写:复制代码如下: var MYObject=document . getelementbyid(' header ');var myStyle=myobject . currentstyle . background color;在Firefox中写这个:复制代码如下: varmyobject=document . getelementbyid(' header ');var my computed style=document . default view . getcomputed style(my object,null);var myStyle=my computed style . background color;3.像“float”一样访问元素的“class”,而“class”是JavaScript的保留字。在这两种浏览器中,我们使用以下语法来访问“类”。在IE中这样写:复制代码如下: varmyobject=document . getelementbyid(' header ');var myAttribute=myobject . GetAttribute(' class name ');在Firefox中写这个:复制代码如下: varmyobject=document . getelementbyid(' header ');var myAttribute=myobject . GetAttribute(' class ');该语法也适用于set属性方法。4.访问标签中的“for”。如第3点所述,我们还需要通过使用不存在的语法区别来访问标签中的‘for’:它在IE中编写如下:复制代码如下: var MYObject=document . getelementbyid(‘MYLabel’);var myAttribute=myobject . GetAttribute(' HTMlFOr ');用Firefox写这个:复制代码如下: var=document . getelementbyid(' mylabel ');var myAttribute=myobject . GetAttribute(' for ');5.获取鼠标指针的位置计算鼠标指针的位置对你来说可能很少见,但是当你需要的时候,IE和Firefox中的语法就不一样了。这里编写的代码将是最基本的,或者它可能是复杂事件处理的一部分。但它们可以解释相似之处和不同之处。同时必须指出的是,与Firefox相比,IE会更加与众不同,而且这种方法本身也存在bug。通常,这种差异可以通过“拖动位置”来弥补,但那是另一个主题的文章。在IE中这样写:复制代码如下: var myCursorPosition=[0,0];myCursorPosition[0]=event . clientx;myCursorPosition[1]=event . clienty;用Firefox写这个:复制代码如下: var myCursorPosition=[0,0];myCursorPosition[0]=event . page x;my cursorposition[1]=event . pagey;6.获取可见区域和窗口的大小。有时,我们需要找到浏览器可见位置的大小,这通常被称为“可见区域”。在IE中这样写:复制代码如下: var myBrowserSize=[0,0];myBrowserSize[0]=document . document element . client width;myBrowserSize[1]=document . document element . client height;用Firefox写这个:复制代码如下: var myBrowserSize=[0,0];myBrowserSize[0]=window . inner width;myBrowserSize[1]=window . inner height;7.Alpha透明度嗯,这不是JavaScript语法问题,而是来自于CSS的alpha透明度。

然而,当一个对象需要淡入/淡出时,它需要JavaScript来表示。这是通过访问CSS的Alpha透明设置来完成的,通常是在一个循环中完成的。您需要通过修改的JavaScript代码如下:在IE中编写如下:# myelement {filter:alpha(不透明度=50);}在Firefox中这样写:# myElement { opacity: 0.5}在IE中这样写:复制代码如下: var my object=document . getelementbyid(' my element ');myObject.style.filter='alpha(不透明度=80 ';在Firefox中写这个:复制代码如下: var my object=document . getelementbyid(' my element ');myObject.style .不透明度=' 0.5 ';

更多资讯
游戏推荐
更多+