浏览器兼容问题020

《浏览器兼容问题020》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、一、document・fonnName・item(''itemName'')问题问题说明：IE下，可以使用document.formName.item(,,itemNamen)或document.formName.elements［uelementNamen］；Firefox下，只能使用document.formName.elementsrelementName'Jo解决方法：统一使用document.formName.elements［,,elementName',］o二、集合类对象问题问题说明：IE下，可以使用()或［］获取集合类对象；Firefox

2、下，只能使用［］获取集合类对象。解决方法：统一使用［］获取集合类对彖。三、自定义属性问题问题说明：IE下，可以使用获取常规属性的方法来获取自定义属性，也可以使用getAttribute()获取自定义局性；Firefox下，只能使用getAttribute()获取白定义属性。解决方法：统一•通过getAttribute()获取自定义属性。四、eval(''idName'')问题问题说明：IE下,可以使用eval(”idName”)或getElementByld(”idName”)来取得id为idName的HTML对象;Firefox下，只能使用getEle

3、mentByld(”idName”)来取得id为idName的HTML对象。解决方法：统一用getElementByld(nidNamen)来取得id为idName的HTML对象。五、变量名与某HTML对象ID相同的问题问题说明：IEbHTML对象的ID可以作为document的下属对象变量名直接使用,Firefox下则不能；Firefox下，可以使用与HTML对象ID相同的变量名，IE下则不能。解决方法：使用document.getElementByld(,,idNamen)代替document.idNameo最好不耍取HTML对彖ID相同的变量名，

4、以减少错误；在声明变屋时，一律加上var关键字，以避免歧义。六、const问题问题说明：FirefoxT,可以使用const关键字或var关键字来定义常最；IE下，只能使用var关键字來定义常量。解决方法：统一使用var关键字来定义常量。七、input.type属性问题问题说明：IE下input.type属性为只读；但是FirefoxHinput.type属性为读写。解决办法：不修改input.type属性。如果必须要修改，可以先隐藏原來的input,然后在同样的位置再插入一个新的input元索。八.window.event问题问题说明：window.e

5、vent只能在IEF运行,而不能在FirefoxF运行,这是因为Firefox的event只能在事件发生的现场使用。解决方法：在事件发生的函数上加上event参数，在函数体内(假设形参为evt)使用varmyEvent=evt?evt:(window.event?window.event:null)示例：vinputtype=nbutton”onclick=ndoSomething(event)'7>functiondoSomething(evt){varmyEvent=evt?evt:(wind

6、ow.event?window.event:null)•••}九、event.x与event.y问题问题说明：IE卜，even对象有x、y属性，但是没有pageX、pageY属性；Firefox卜，even对象有pageX、pageY属性，但是没有x、y属性。解决方法：varmyX=event.x?event.x:event.pageX;varmyY=event.y?event.y:event.pageY;如果考虑第8条问题,就改用myEvent代替event即可。十、event.srcElement问题问题说明：IE下，even对象有srcElemen

7、t丿成性，但是没有target性；Firefox下，even对彖有target属性，但是没有srcElement属性。解决方法：使丿IJsrcObj=event.srcElement?event.srcElement:event.target;如果考虑第8条问题，就改用myEvent代替event即可。]-一、window」ocation.href问题问题说明：IE或者Firefox2.0.x下，可以使用window.location或window.location.href：Firefox1.5.x下,只能使用window.location□解决方法：

8、使用window.location来代替window.location.href