资源描述：
《处理网页中firefox和ie的不兼容》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、如何处理网页设计过程中firefox和IE的不兼容·时间：2012-12-18 网页设计过程中firefox和IE哪些地方不兼容？ 譬如在IE中能显示正常，firefox里样式就变了。 有区别,而且区别还很大,现在做网站都要考虑到网站在FIREFOX和IE这两种浏览器里面都能正常运行,有一些网站在IE里面运行正常,在FIREFOX里面就不一定了,这主要是大家在排版的时候都以IE浏览器为基准,而FIREFOX则是要大家在排版都时候不能少写表格的宽度高度,因此区别很大。 firefox显示图片方式不一样用CSS设计一般不会有这
2、么多错误的 你用div+css做的吧.. 在css里面每个块都要写好margin和padding 这样位置就不容易乱.. 火狐默认是左对齐..IE默认是居中..所以在css里一定要定义好。 IE和Firefox(火狐)在JavaScript方面的不兼容及统一方法总结如下： 1.兼容firefox的outerHTML，FF中没有outerHtml的方法。 2.集合类对象问题 说明:IE下,可以使用()或[]获取集合类对象;Firefox下,只能使用[]获取集合类对象. 解决方法:统一使用[]获取集合类对象。
3、 3.自定义属性问题 说明:IE下,可以使用获取常规属性的方法来获取自定义属性,也可以使用getAttribute()获取自定义属性;Firefox下,只能使用getAttribute()获取自定义属性.解决方法:统一通过getAttribute()获取自定义属性. 4.eval("idName")问题 说明:IE下,,可以使用eval("idName")或getElementById("idName")来取得id为idName的HTML对象;Firefox下只能使用getElementById("idName")来取得id
4、为idName的HTML对象.解决方法:统一用getElementById("idName")来取得id为idName的HTML对象. 5.变量名与某HTML对象ID相同的问题 说明:IE下,HTML对象的ID可以作为document的下属对象变量名直接使用;Firefox下则不能.Firefox下,可以使用与HTML对象ID相同的变量名;IE下则不能。解决方法:使用document.getElementById("idName")代替document.idName.最好不要取HTML对象ID相同的变量名,以减少错误;在声明变量时,
5、一律加上var,以避免歧义. 6.const问题 说明:Firefox下,可以使用const关键字或var关键字来定义常量;IE下,只能使用var关键字来定义常量.解决方法:统一使用var关键字来定义常量. 7.input.type属性问题 说明:IE下input.type属性为只读;但是Firefox下input.type属性为读写. 8.window.event问题 说明:window.event只能在IE下运行,而不能在Firefox下运行,这是因为Firefox的event只能在事件发生的现场使用. 9.
6、event.x与event.y问题 说明:IE下,even对象有x,y属性,但是没有pageX,pageY属性;Firefox下,even对象有pageX,pageY属性,但是没有x,y属性. 解决方法:使用mX(mX=event.x?event.x:event.pageX;)来代替IE下的event.x或者Firefox下的event.pageX. 10.event.srcElement问题 说明:IE下,even对象有srcElement属性,但是没有target属性;Firefox下,even对象有target属性,但
7、是没有srcElement属性.解决方法:使用obj(obj=event.srcElement?event.srcElement:event.target;)来代替IE下的event.srcElement或者Firefox下的event.target. 11.window.location.href问题 说明:IE或者Firefox2.0.x下,可以使用window.location或window.location.href;Firefox1.5.x下,只能使用window.location.解决方法:使用window.locati
8、on来代替window.location.href. 12.模态和非模态窗口问题 说明:IE下,可以通过showModalDialog和showModelessDialo
