如何获得可视屏幕的高度

Question

我有屏幕，然后当我们滚动屏幕时，屏幕尺寸会改变，然后如何获得我们正在查看的屏幕的特定高度。我使用了window.innerHeight和screen.height。屏幕高度= 900，window.innerHeight = 725，即使我们滚动页面也是如此。那么究竟我的屏幕高度是多少？

Answer 1

你需要的是

document.getElementById("body").offsetHeight;

您需要在body标记中添加一个id，并确保它匹配。

Answer 2

screen.height返回你的显示器和window.innerHeight返回浏览器窗口的高度值，没有条等等。它是浏览器中可见部分的真实高度。

因此，如果你想获得屏幕分辨率，你应该使用screen.height和screen.width，浏览器使用window.innerHeight和window.innerWidth。

Answer 3

function width() {
    return (window.innerWidth) ?
        window.innerWidth :
        document.documentElement.clientWidth || document.body.clientWidth || 0;
}

function height() {
    return (window.innerHeight) ?
        window.innerHeight :
        document.documentElement.clientHeight || document.body.clientHeight || 0;
}
$(document).ready(function() {
    document.write("Width: " + width() + " Height: " + height());
});