能力检测部分整理
能力检测是最常用的检测方式之一,它目标不是检测特定的浏览器,而是检测浏览
器的能力,能力检测的基本模式如下: if(object.propertiInQuestion){ return object.propertiInQuestion;//使用
object.propertiInQuestion } 能力检测需要注意的是先检测达成目的的最常用的特性,还有就是实际中用到的属
性。
能力检测整理: 1,事件: var EventUtil={ addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attchEvent){ element.attachEvent("on"+type,handler); }else { element["on"+type]=handler; } } removeHandler:function(element,type,handler){ if(element.removeEventListener){ element.removeEventListener(type,handler,false); }else if(element.datechEvent){ element.datechEvent("on"+type,handler); }else { element["on"+type]=null; } } } 2.获取窗口位置 var leftPos=(typeof window.screenLeft=='number')?
window.screenLeft:window.screenX; var leftPos=(typeof window.screenLeft=='number')?
window.screenLeft:window.screenX; screenX针对的是Firefox浏览器
3.获取页面可见区域大小
var pageWidth=window.innerWidth. pageHeight=window.height; if(typeof pageWidth!=="number"){ if(document.compatMode=="CSS1Compat"){ pageWidth=window.doucmentElement.clientWidth; pageHeight=window.doucmentElement.clientHeight; }else{ pageWidth=window.body.clientWidth; pageHeight=window.body.clientHeight; } }