js在IE和Firefox不同之处.docVIP

js在IE和Firefox不同之处 做Web类项目，不可避免的要涉及浏览器的兼容性问题，特别是javascript的兼容性问题，典型代表就是IE浏览器和FireFox浏览器，了解到不同之处就可以避免出现使用不同浏览器时可能会出现的兼容性问题，找了一些关于js在IE和FireFox中区别的资料，以供参考。oa.headware.cn:88884 m- P1 P; @ w4 Z* m* M; I- Y3 [( e G* r) P/ }5 A1 L: moa.headware.cn:88881. document.form.item 问题9 Q3 A9 F1 o8 Q+ @/ m5 q问题：信息平台( w$ \; {! H% d- m! K* K现有代码中存在许多 document.formName.item(itemName) 这样的语句，不能在Firefox下运行7 ^0 R6 s$ }3 x7 J* b+ J0 _解决方法：3 E7 H1 I x1 R, o5 i统一使用 document.formName.elements[elementName]/ r {9 o; p7 s# u O1 ]) ]% d$ k8 M2. 集合类对象问题 p, W h; q0 f0 C2 t9 Zoa.headware.cn:8888问题：* o! W- c+ ]3 H I3 |# y* a0 N7 `. OIE下,可以使用()或[]获取集合类对象；Firefox下，只能使用[]获取集合类对象 ; o! ? v$ W) n; j解决方法：9 ~# S/ `( X1 N: A+ v7 k改用[ ]作为下标运算。如：document.forms(formName) 改为 document.forms[formName] O. P$ \% o; h/ X3 v又如：document.getElementsByName(inputName)(1) 改为 document.getElementsByName(inputName)[1]0 m5 V8 F: f9 y o8 a {7 v H$ O+ v: `, W o3 ~$ m0 K3. event) o a( F1 k n Z# w# @获取event问题：4 P C: r9 v) L s v! Uwindow.event只能在IE下运行,而不能在Firefox下运行,这是因为Firefox的event只能在事件发生的现场使用。 c [ p( i4 s2 p1 d信息平台解决方法：6 ]4 p* w+ P. I6 F, ?3 }在IE中，不能把Event对象作为参数传递给事件处理程序，只能用window.event或者event来引用Event对象。- r# m2 c# J5 I- B( RFirefox中获取event的方法：信息平台+ V( ~% ~* O F* [9 U) V(1) 从HTML页面传递参数event (2) event = arguments.callee.caller.arguments[0];, I s- `4 e4 |5 o* Q; G yfunction getEvent(evt) { evt=evt?evt:(window.event?window.event:null); }$ }- }5 B H z Qevent属性问题：! C8 i, x0 V( }5 Z1 fIE下，event对象有x，y属性，但是没有pageX，pageY属性；Firefox下，event对象有pageX，pageY属性，但是没有x，y属性。* Y3 c5 p5 x) C5 q- {6 Z, J6 EFirefox中的event.pageX相当于IE中的event.x1 D* e6 G: [7 \ ?解决方法：event.x = event.x ? event.x : event.pageX;3 P7 ` f8 _3 D, k, Y4 ^4 W8 t8 Y其它：# C2 K2 V( B6 H ^event.layerX 在IE与火狐中都有，具体意义有无差别尚未试验。2 q; \% W4 ~ n4 @3 t/ k, r d1 `/ S; y0 p4. HTML 对象的 id 作为对象名的问题 ~% k0 h, u5 c; m* t9 U问题：! v8 N+ c/ P* ] c- X在IE中，HTML对象的ID可以作为document的下属对象变量名直接使用，而在Firefox中不能。* h5 B+ o( M4 ~. `9 Z1 m解决方法：1 U# X K/ ^! o T M9 B5