JS中的常见兼容处理

javaScript中常见的兼容性处理集合

1. 获取窗口尺寸

获取浏览器窗口的内高度/宽度	window.innerHeight//window.innerWidth
兼容 IE 8,、7、6、5①	document.documentElement.clientHeight//document.documentElement.clientWidth
兼容 IE 8,、7、6、5②	document.body.clientHeight//document.body.clientWidth

2. onscroll 滚动事件

获取滚动条到浏览器 顶部/左边 的距离	document.documentElement.scrollTop//document.documentElement.scrollLeft
兼容IE	document.body.scrollTop//dcoument.body.scrollLeft

3. 非行内样式的获取

主流浏览器	getComputedStyle(obj).属性
IE	obj.currentStyle['属性']

4. 获取事件对象

主流浏览器	event
IE	window.event

5. 获取事件源//事件委托

主流浏览器	event.target
IE	event.srcElement

6. 键盘事件中的获取键码

主流浏览器	event.keyCode
IE	event.which

7. 阻止事件冒泡

主流浏览器	event.stopPropagation()
IE	event.cancelBubble = true

8. 阻止事件默认行为

主流浏览器	event.preventDefault()
IE	event.returnValue = false

9. DOM2级事件

绑定事件	节点对象.addEventListenter
IE	节点对象.attachEvent

取消事件	节点对象.removeEventListener
IE	节点对象.detachEvent

10. Ajax 兼容处理

主流浏览器	new XMLHttpResquest()
IE	new ActiveXObj("Microsoftr.XMLHTTP")

武汉加油 中国加油