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和火狐(谷歌)完全不同

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

被折叠的 条评论
为什么被折叠?



