兼容性问题

Posted 2021-01-24 gdqx

 

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

 

 

 待补充……