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
                   }
              }

         }
   }();