能力检测部分整理

能力检测是最常用的检测方式之一，它目标不是检测特定的浏览器，而是检测浏览

器的能力，能力检测的基本模式如下： 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;  } }