解决兼容的方法！

1.清除浮动的兼容性：

　　清除浮动在低版本浏览器不可以使用，需要处理兼容性加一个.clearfix{*zoom:1}

2.rgb和rgba和opacity的兼容性

　　rgb和rgba在ie低版本中不支持。需要加一个filter:alpha(opacity=50);

3.解决css3中的兼容性

　　chrome（谷歌浏览器）的前缀-webkit-

　　firefox（火狐浏览器）的前缀-moz-

　　ie的前缀-ms-

　　poera（欧朋）的前缀-o-

4.LE6不支持document.documentElement

　　兼容写法

　　var w=document.documentElement.body.clieneWidth

　　获取浏览器可见区的宽度

5.获取元素的子节点

　　元素。childNodes这个属性有兼容性，标准浏览器会获取到文本节点而低版本的不会,所以建议使用children这个属性

　　标准下　　元素.firstElementChild

　　非标准下　　元素.firstChild

　　兼容下写法

　　var list=document.getElementById("list")

　　var first=list.firstElementChild||list.firstChild

　　console.log(first)

6.js解救兼容性的方法

　　1.||

　　　　var dd=document.documentElement.client.clientWidth||document.body.clientwidth

　　2.if() else{}

　　　　if(window.getComputedStyle){

　　　　　　csss=window.getComputedStyle(aa,null)

　　　　}else{

　　　　　csss=aa.currentStyle

　　　　}

　　　　console.log(csss)

　　3.try{}catch(err){}

　　必须在报错的条件下，和if else比较性能上比较差，万不得已的情况下不能下

7.获取浏览器body的属性是有兼容的

　　兼容写法：var ss=document.documentElement||document.body

8.Event的兼容性

　　在chrome下event是undefined；在ie低版本下null；在火狐下会报错

　　documen.onclick=function(e){

　　　　var e=e||wondow.event

　　}

9.mouseevent兼容性

　　标准浏览器可以直接读取，但IE不行

　　document.onclick=function(ev){

　　　　var ev=e||window.event

　　}

10.event对象的兼容性：

　　clientX和clientY是鼠标到浏览器窗口的左上角的距离

　　pageX和pageY是鼠标到网页左上角的距离坐标，但IE低版本没有这个属性

　　在IE下怎么算pageY的值？用clicnt+scro||Top

11.阻止事件冒泡呃兼容性方法

　　1.event.vanceIBubble()

　　2.event.stopPropagation?event,stopPropagation():event.cancelBubble=ture

12.阻止事件默认行为兼容性

　　Event,peventDefault?Event.prevent.preventDefault():event.returnValue=false