javascript - 调整 javascript 窗口的大小

Question

我如何将调整大小事件应用于此代码，以便在更改时获取窗口的新高度

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

Answer 1

$(function() {

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

});

如您所见，我还$(document).ready(function(){})通过简单地缩短了$(function(){}).

Answer 2

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

应该可以正常工作。

或 [更好的格式]

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

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

Answer 3

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

http://api.jquery.com/height/

确保它位于页面底部。