[browser window窗口大小 算是screen补充吧]主要因为移动IE游览器 写了个兼容

先上图吧

来上代码

     console.log(window.outerWidth + '--' + window.outerHeight);//只读的整数，声明了整个窗口的XY
     //IE 不支持此属性，且没有提供替代的属性。
     var width  = window.innerWidth;
     var height = window.innerHeight;
     console.log("window.inner--" + width+ '--' + height);
     console.log('-------------');
     var width  = document.documentElement.clientWidth;
     var height = document.documentElement.clientHeight;
     console.log("document.documentElement.client--" + width + '--' + height);
     console.log('-------------');
     var width  = document.body.clientWidth;
     var height = document.body.clientHeight;
     console.log("document.body.client--" + width + '--' + height);
     console.log('-------------');
     console.log(document.compatMode);//兼容模式是否开启
                                      //开启CSS1Compat 否backCompat

写了个获得移动设备的windowXY JS高设3 P198-199

     //获得window的大小,主要因为在移动设备IE游览器上有区别
     //移动IE游览器不支持inner client
     //可以通过document.documentElement.client获得
     //compatMode判断兼容模式是否开启
     function windowClientXY(){
         var pageWidth  = window.innerWidth;
         var pageHeight = window.innerHeight;
         if(typeof pageWidth != 'number'){
             if(document.compatMode == 'CSS1Compat'){
                 pageWidth  = document.documentElement.clientWidth;
                 pageHeight = document.documentElement.clientHeight;
             }else{
                 pageWidth  = document.body.clientWidth;
                 pageHeight = document.body.clientHeight;
             }
         }
         return console.log("宽-" + pageWidth + ",高-" +pageHeight);
     }
     windowClientXY();

     //分别封装
     function windowClientX(){
         var pageWidth  = window.innerWidth;
         if(typeof pageWidth != 'number'){
             if(document.compatMode == 'CSS1Compat'){
                 pageWidth  = document.documentElement.clientWidth;
             }else{
                 pageWidth  = document.body.clientWidth;
             }
         }
         return windowClientX = pageWidth
     }
     console.log(windowClientX());

     function windowClientY(){
         var pageHeight = window.innerHeight;
         if(typeof pageWidth != 'number'){
             if(document.compatMode == 'CSS1Compat'){
                 pageHeight = document.documentElement.clientHeight;
             }else{
                 pageHeight = document.body.clientHeight;
             }
         }
         return windowClientY = pageHeight
     }
     console.log(windowClientY());