調整大小的JavaScript窗口

Question

我將如何申請一個調整大小事件給這個代碼，因此它的窗口的新高度，如果它改變

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

Answer 1

$(function() { 

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

}); 

正如你可能會看到我也簡單地做$(function(){})縮短$(document).ready(function(){})。

Answer 2

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

應該正常工作。

OR [更好的格式]

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/

確保其在頁面的底部。