如何知道浏览器窗口的客户端大小？

Question

我想知道浏览器窗口的客户端大小。我使用简单的脚本：

wwidth  = window.innerWidth
wheight = window.innerHeight

但它在IE8，IE9中是不起作用的。如何在所有形式的浏览器中使用extjs来了解此参数？

Answer 1

下面是一个纯javascript的跨浏览器函数示例：

var getSize = function () {
    var winW = 0, winH = 0;
    if (document.body && document.body.offsetWidth) {
        winW = document.body.offsetWidth;
        winH = document.body.offsetHeight;
    }
    if (document.compatMode=='CSS1Compat' && document.documentElement && document.documentElement.offsetWidth ) {
        winW = document.documentElement.offsetWidth;
        winH = document.documentElement.offsetHeight;
    }
    if (window.innerWidth && window.innerHeight) {
        winW = window.innerWidth;
        winH = window.innerHeight;
    }   
    return { width: winW, height: winH };
};

window.onload = function(){
    alert(getSize().width);
};

Answer 2

如果您使用的是Ext JS，则可以使用：

Ext.getBody().getViewSize()

Answer 3

function viewport(){
   var e = window , a = 'inner';
   if ( !( 'innerWidth' in window ) ) {
     a = 'client';
     e = document.documentElement || document.body;
   }
   return { width : e[ a+'Width' ] , height : e[ a+'Height' ] }
}