Javascript 跨多个浏览器一致地获取可用的浏览器窗口大小（clientHeight/clientWidth）

我想要一种在不使用jQuery/Mootools/任何第三方库依赖项的情况下跨多个浏览器获取可用窗口大小的方法。我对此做了一些研究，但我遇到的事情中有一半是关于Netscape Navigator的

只是想知道是否有人有更新的建议。

用法

代码

注：在文件完成加载之前，无法准确确定尺寸

---

来自

这不是一个完美的解决方案，但它重量轻，适用于大多数用途：

var WX,WY;
if( window.innerWidth )
{
    WX = window.innerWidth;
    WY = window.innerHeight;
} else {
    WX = document.body.clientWidth;
    WY = document.body.clientHeight;
}

对于现代浏览器：

document.documentElement.clientHeight

---

是您所需要的一切。

好吧，第三方库非常适合于减少此类事情的开发，这应该不会花费很长时间，但确实如此，因为JavaScript在所有浏览器中并不一致：p我建议打开jQuery或Mootools并检查其使用的代码（可能是安全的、跨浏览器兼容的JavaScript）

var WX,WY;
if( window.innerWidth )
{
    WX = window.innerWidth;
    WY = window.innerHeight;
} else {
    WX = document.body.clientWidth;
    WY = document.body.clientHeight;
}

document.documentElement.clientHeight