document.compatMode 获取可视区宽高 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
       <script>
          document.compatMode== 'BackCompat' //不是标准声明
          document.compatMode== 'CSS1Compat ' //标准声明
       </script>
      
    </body>
</html>

 这两个模式下面 对应的获取可视区宽高也是不一样的。

标准的声明 可以document.documentElement.clientWidth这样获取宽度

非标准 document.body.clientWidth这样获取宽度

/***宽高属性****/
function getViewport(){
  var w=window.innerWidth||document.documentElement.clientWidth||document.body.clientHeight;
  var h=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;
  return {width:w,height:w};
}

送上干货一个。

posted @ 2015-03-18 11:51  独孤残情  阅读(104)  评论(0)    收藏  举报