如何在不使用 jquery 的情况下获取文档高度和宽度

javascript

2022-08-30 04:48:21

如何在纯javascript中获取文档的高度和宽度，即不使用jquery。
我知道和，但我想在 javascript 中执行此操作。$(document).height()$(document).width()

我的意思是页面的高度和宽度。

答案 1

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

检查：本文以获得更好的解释。

答案 2

即使是 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"]
);

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