IE、火狐、谷歌的一些不同之处

本文探讨了IE、Firefox和Chrome在处理HTML标签属性、页面布局、事件对象、文本截断、属性访问、样式设置、XML解析等方面的差异,揭示了不同浏览器间的兼容性问题,并提供了一些解决方案。

1、获取HTML标签属性值的不同
IE可以直接标签名.属性名获取
其他两种只能用getAttribute或者jQuery方法获取

2、页面整体div居中
IE只需要body设置text-align:center即可,其他两种必须还要在div上设置margin:0px auto;

3、event全局对象
IE和谷歌直接调用event代表事件,火狐则不同,没有全局对象,不过可以模拟,另外也可以通过arguments.callee.caller.arguments[0]获取事件

4、文本截断
 display:block;
 overflow:hidden;  
 text-overflow:ellipsis;
 -moz-binding: url('ellipsis.xml#ellipsis');
 white-space:nowrap;
谷歌和火狐是在块元素上其作用,所以对于非div需要设置为块元素,IE则不需要上面高亮部分的内容

5、火狐和谷歌对于没有任何html元素的jsp页面会有问题

6、ID与name属性
IE中,如果没有id,则name可代表id,但是其他两种不行

7、关于属性值为null的判断
IE会在调用时自动判断,所以即使变量为null,但是没判定直接调用变量的方法不会报错
其他两种必须进行为null判定

8、IE的id读取方法有多种方法
谷歌和火狐不认window.frames("catSelFrm").location
火狐不认document.all(实际上谷歌也不认,但是奇怪的是谷歌使用document.all后正常,可能是内容作了兼容处理)

9、.style.left(top)
IE可以写数字,但是谷歌和火狐必须是数字加上"px"

10、读取解析xml方面
IE和火狐(谷歌)完全不同

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值