浏览器中的js兼容问题

总结一些常见的浏览器中的兼容问题

1、滚动条
document.documentElement.scrollTop||document.body.scrollTop
2、获取样式兼容
function getStyle(dom, styleName){

return dom.currentStyle?

dom.currentStyle[styleName] :getComputedStyle(dom)[styleName];}
3、网页可视区兼容
window.innerHeight || document.documentElement.clientHeight

window.innerWidth || document.documentElement.clientWidth
4、事件对象兼容
e = e || window.event;
5、阻止事件冒泡兼容
event.stopPropagation? event.stopPropagation():event.cancelBubble=true;
6、事件目标对象兼容
var src = event.target || event.srcElement;
7、阻止默认行为兼容
evt.preventDefault?evt.preventDefault():evt.returnValue=false;