js常见兼容

发布: 2016-06-30 23:22:47标签: js基础

滚动条：

01document.documentElement.scrollTop||document.body.scrollTop
02
复制代码

获取样式兼容

01function getStyle(dom, styleName){
02return dom.currentStyle?
03dom.currentStyle[styleName]:
04getComputedStyle(dom)[styleName];
05}
复制代码

网页可视区域兼容

01window.innerHeight || document.documentElement.clientHeight
02window.innerWidth || document.documentElement.clientWidth
复制代码

事件对象兼容

01evt = evt || window.event;
02event.target.className
复制代码

阻止事件冒泡兼容

01event.stopPropagation?
02event.stopPropagation():
03event.cancelBubble=true;
复制代码

阻止默认行为兼容

01evt.preventDefault?
02evt.preventDefault():
03evt.returnValue=false;
复制代码

事件监听兼容

01document.all?
02    dom.attachEvent(“onclick”, fn)：
03    dom.addEventListener(“click”, fn);
复制代码

事件委托目标对象兼容

01var t = event.target || event.srcElement;
02if(t.nodeName.toLowerCase() == “li”) {}
复制代码

ajax请求的兼容

01var http;
02window.XMLHttpRequest?
03http = new XMLHttpRequest():
04http = new AtiveXObject('Microsoft.XMLHTTP');
复制代码