- ベストアンサー
JavaScriptでブラウザの高さを取得する方法
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）
- 専門家の回答
質問者が選んだベストアンサー
まず・・・、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>
