javascript - 如何在浏览器中获取最大可用文档高度？

Question

谁能告诉我如何在浏览器最大化时获得最大可用高度。不是屏幕、avilHeight 或 document.height。

<script type="text/javascript">
    document.getElementById("wrapper").style.height=screen.availHeight + "px";
</script>

对于我的分辨率（1366x768）屏幕，avilHeight 或 document.height 返回 728px，这是浏览器高度，但我只想要最大文档高度。

Answer 1

function resolution()
{
        var width = window.innerWidth || html.clientWidth  || body.clientWidth  ||  screen.availWidth;
        var height = window.innerHeight || html.clientHeight  || body.clientHeight  || screen.availHeight;
        res = {};   
        res.x = width;
        res.y = height;
        return res;
}

Answer 2

您可以基于window.innerHeight、window.outerHeight和做出假设screen.availHeight：

var maximizedHeight = screen.availHeight - (window.outerHeight - window.innerHeight);

不过，这不是一个特别好的解决方案。如果您的内容适应任何大小，为什么不处理resize事件？如果可能，CSS 会更好——情况如何？