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/

ページの下部にあることを確認してください。