var height = document.body.clientHeight;
var width = document.body.clientWidth;

检查： 这篇文章以获得更好的解释。

即使在http://www.howtocreate.co.uk/tutorials/javascript/browserwindow上给出的最后一个例子也不适用于 Quirks 模式。比我想象的更容易找到，这似乎是解决方案（从最新的 jquery 代码中提取）：

Math.max(
    document.documentElement["clientWidth"],
    document.body["scrollWidth"],
    document.documentElement["scrollWidth"],
    document.body["offsetWidth"],
    document.documentElement["offsetWidth"]
);

只需将“高度”替换为“宽度”即可获得高度。

这是一个跨浏览器的解决方案：

var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

您应该使用getBoundingClientRect它，因为它通常可以跨浏览器工作，并在边界矩形上为您提供亚像素精度。

elem.getBoundingClientRect()

无需 jQuery 即可获取文档大小

document.documentElement.clientWidth
document.documentElement.clientHeight

如果您需要屏幕尺寸，请使用它

screen.width
screen.height