ベストアンサー

JavaScriptでブラウザの高さを取得する方法

2013/08/12 04:19

Javascriptでブラウザの高さを取得し、その取得した高さから指定したpx(100px)を減算し<div height="x">に代入したいのですがどうすればいいでしょうか？また、例えばブラウザのサイズが高さ1000pxだとして、そこから100px分減算し、<div height="900">となりページが表示された場合、表示された後にブラウザの高さ500pxに変更したらどういう挙動になるのでしょうか？更新するまで<div height="900">のままですか？それとも更新しなくても<div height="400">となり表示されますか？よろしくお願いします。

kyfnaisyan011
お礼率0% (0/1)

JavaScript
回答数1
ありがとう数3

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

kosukejlampnet
ベストアンサー率44% (126/282)

2013/08/12 04:51 回答No.1

まず・・・、divにheight属性は存在しません。 <div height="900">という書き方はNGです。 CSSを利用してください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div { background-color:#CCC; } </style> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript"> $(function() { setDivSize(); $(window).resize(function(){ setDivSize(); }); }); function setDivSize() { var wh = $(window).height(); $("div").height(wh - 100); } </script> </head> <body> <div> </div> </body> </html>

ログインすると、全ての回答が全文表示されます。