调整javascript窗口大小

如何将调整大小事件应用于此代码，使其在窗口更改时获得新的窗口高度

$(document).ready(function() {
    $("#page").height($(window).height()); 
});

应该行得通

或[更好的格式]

function resizePage()
{
      $(function() {
            $("#page").height($(window).height()); 
      });
}

$(window).resize(function() { resizePage(); });

正如您可能看到的，我还简化了

$（document）.ready（function（）{}）

，只需执行

$（function（）{}）

---

确保它在页面底部。

重复的？@Nightfirecat:不太可能。另一个是关于事件本身。。。这一个与之相关。谢谢champ，这是最优雅的解决方案。是的，确保代码只在dom就绪的环境下运行。以防用户在加载时调整窗口大小。[这有问题吗？]那么为什么不将其包含在DOM就绪事件处理程序中呢？所以它总是在DOM就绪时运行？这没有问题，但它看起来很奇怪，不可读，每次启动窗口调整大小时都会检查DOM就绪，而不是在DOM就绪时绑定事件，然后在每次调整大小时执行调整大小（无需任何其他检查）。感谢兄弟，将像您在以后的编码中所说的那样实现它。：）

function resizePage()
{
      $(function() {
            $("#page").height($(window).height()); 
      });
}

$(window).resize(function() { resizePage(); });

$(function() {

    $(window).resize(function(){
        $("#page").height($(this).height());
    }).resize();

});

$("#page").click(function () {  
  showHeight("window", $(window).height());  
});