ウィンドウとbodyタグの高さを取得するサンプル。ブラウザの大きさの変化に対応できるようにするためにメモ。
- innerHeight
innerHeight - MDC
[javascript]bookmark 表示領域 サイズ取得
document.body.clientHeight =
document.body.scrollHeight =
window.innerHeight = ※←IE7では動きませんでした。。。涙
document.all ? document.body.clientHeight : window.innerHeight; =
(ブラウザのサイズを変えると数字が変化する。)
<script type="text/javascript"> function clicli(){ hoge01 = document.body.clientHeight; hoge02 = document.body.scrollHeight; hoge03 = window.innerHeight; document.getElementById("bar01").innerHTML = hoge01 + ' px'; //オブジェクトの高さを取得 document.getElementById("bar02").innerHTML = hoge02 + ' px'; //オブジェクトのスクロールの高さを取得 document.getElementById("bar03").innerHTML = hoge03 + ' px'; //ウィンドウ枠内の高さを取得 } </script> <blockquote> <div><input type="button" value="実行" onclick="clicli()"/></div> <p>document.body.clientHeight = <span id="bar01"></span></p> <p>document.body.scrollHeight = <span id="bar02"></span></p> <p>window.innerHeight = <span id="bar03"></span></p> </blockquote>
コメントする