如何获得可视屏幕的高度

时间:2014-04-25 11:09:37

标签: javascript gwt

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

3 个答案:

答案 0 :(得分:0)

你需要的是

document.getElementById("body").offsetHeight;

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

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

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());
});