兼容性
1.
清除浮动的兼容性
清除浮动在低版本浏览器不行,需要处理兼容性
加一个.clearfix{*zoom:1;}
2.
ie低版本不支持Rgba()
3.
每个浏览器都有自己的前缀 主要解决css3中的兼容问题
chrome(谷歌) 的前缀 -webkit-
firefox(火狐) 的前缀 -moz-
ie 的前缀 -ms-
(opera)欧朋 的前缀 -o-
国内的浏览器的内核是谷歌
4.
Document.body 获取的是文档中的body标签
Document.documentElement 获取的是文档中根节点
但Ie6不支持document.documentElement,所以要兼容
兼容性写法
Var w=document.documentElement.clientWidth||document.body.clientWidth
获取浏览器可见区的宽度
5.
获取浏览器的body属性是有兼容的
Var dd=document.body||document.documentElement
scrollTop和scrollLeft的最小值是0
获取body的整个文档的高
document.body.scrollHeight||document.documentElement.scrollHeight
获取浏览器一屏幕的高(浏览器的可视区)
Document.body.clientHeight||document.documentElement.clientHeight
6.
Event 的兼容性
在chrome下 event是undefined 在Ie低版本下是null,火狐下会报错
document.onclick=function(e){
var e=e||window.event
}
7.
阻止事件冒泡兼容性
1.event.cancelBubble=true
2.event.stopPropagation?event.stopPropagation():event.cancelBubble=true
8.
阻止事件默认行为兼容性
比如 a的href
Href为空 会自动刷新页面
Href为# 锚点跳转
Href为javascript:;阻止默认行为的发生
Event.preventDefault?Event.preventDefault():event.returnValue=false
待补充……