[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());