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