js兼容性——获取当前浏览器窗口的宽高

通过onresize事件

window.onresize = function () {
    document.title = client().width + "    "+ client().height;
}


 //获取屏幕可视区域的宽高
function client(){
   if(window.innerHeight !== undefined){
       return {
            "width": window.innerWidth,
            "height": window.innerHeight
        }
    }else if(document.compatMode === "CSS1Compat"){
            return {
                "width": document.documentElement.clientWidth,
                "height": document.documentElement.clientHeight
            }
    }else{
       return {
            "width": document.body.clientWidth,
             "height": document.body.clientHeight
       }
    }
}

二、获取浏览器宽度和高度-使用懒函数优化
window.onresize = function() {                                
    document.title = client().width + "    " + client().height;
}

 //获取屏幕可视区域的宽高
   !function() {
       if(window.innerHeight !== undefined) {
            client = function() {
                return {
                   "width": window.innerWidth,
                   "height": window.innerHeight
                }
             }
       } else if(document.compatMode === "CSS1Compat") {
             client = function() {
                 return {
                    "width": document.documentElement.clientWidth,
                    "height": document.documentElement.clientHeight
                  }
              }

       } else {
             client = function() {
                 return {
                     "width": document.body.clientWidth,
                     "height": document.body.clientHeight
                  }
             }

        }
  }();