[javascript] ウィンドウの高さを取得するサンプル

ウィンドウとbodyタグの高さを取得するサンプル。ブラウザの大きさの変化に対応できるようにするためにメモ。

[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>

カテゴリ:

トラックバック(0)

トラックバックURL: http://www.0yen-coding.com/mt-tb.cgi/70

コメントする

あわせて読みたいブログパーツ