javascript - 如何使用javascript设置div以匹配浏览器窗口高度？

我试图让一个脚本工作，但有点挣扎。
我需要创建一个div，它在页面加载时显示，并且该div下面的任何内容都从页面底部推出，您需要向下滚动才能查看它。
这是我所拥有的，但它不起作用（我包括了警报，以便我可以检查脚本的第一部分是否正常工作。）

<script type="text/javascript">
function getDocHeight() {
var D = document;
return Math.max(
    Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
    Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
    Math.max(D.body.clientHeight, D.documentElement.clientHeight)
);
}
var docheight = ( getDocHeight() ) +'px';
// alert( docheight );
document.getElementById('pusher').style.height = docheight;
</script>

<div id="pusher">This content is shown on the page</div>
<p>Anything here is below the fold of the page and you will need to scroll down to see me</p>

任何帮助都将不胜感激。
:-)

最佳答案

你想要docheight = window.innerHeight || document.documentElement.clientHeight;
编辑：不过，记住人们可以调整窗口大小，所以除非您监视window.onresize，否则请小心。