javascript - 如何获得网络浏览器窗口主体的确切高度？

Question

我想获得网络浏览器窗口主体的准确高度。我尝试了 innerHeight、clientHeight 所有其他我在谷歌搜索时得到的解决方案。但他们都没有给出确切的高度。我必须通过从这些函数提供的高度中减去一些值来调整高度？？如何摆脱这个问题。我想我错过了一些东西。请帮忙。

谢谢

Answer 1

一些浏览器以不同方式报告窗口高度 不正确 - 特别是移动浏览器，它们具有不同的视口(viewport)概念。我有时使用一个函数来检查几个不同的值，返回最大的一个。例如

function documentHeight() {
    return Math.max(
        window.innerHeight,
        document.body.offsetHeight,
        document.documentElement.clientHeight
    );
}

编辑: 我刚刚查看了 jQuery 是如何做到的，它确实使用了 Math.max 和一系列属性——但是它检查的列表与我上面示例中的列表略有不同，并且因为我通常相信 jQuery 团队在这方面比我做得更好；这是非 jQuery jQuery 解决方案(如果这有意义的话):

function documentHeight() {
    return Math.max(
        document.documentElement.clientHeight,
        document.body.scrollHeight,
        document.documentElement.scrollHeight,
        document.body.offsetHeight,
        document.documentElement.offsetHeight
    );
}