window(ウィンドウ)のheight(高さ)を javascriptで取得したい(jQuery編)

diary


ウィンドウの高さを取得し、その高さを#container要素に適用したい時などは以下のように書きます。

JS(jQuery)



var wH = $(window).height();

//alert (wH);

$(function(){

$('#container').css('height',wH+'px');

});

HTML



<html>

<head>

 </head>

<body>

<div id="container">

本文本文本文

</div>

</body>

</html>

さらにウィンドウがリサイズされたときに適用する場合



var wH = $(window).height();

$(window).resize(function(){

$('#one_column #container').css('height',wH+'px');

});