ウィンドウサイズを取得

ウィンドウのサイズを取得するには.innerWidthと.innerHeightを利用する。問題はIEが対応していないことだ。

とりあえず内側のサイズに関しては.clientWidth、.clientHeightで対応できるようだが互換モードと標準モードでまた違うらしい。さらに問題なのは外側のサイズ。自分の知識では解決策が見当たらなかったので内側サイズに適当にプラスしてお茶を濁すことにする。

Javascript

<script language="javascript" type="text/javascript">
<!--
// ウィンドウ内側の横幅
var inW = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
// ウィンドウ内側の縦幅
var inH = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
// ウィンドウ外側の横幅
var outW = window.outerWidth || document.documentElement.clientWidth + 16 || document.body.clientWidth + 16;
//ウィンドウ外側の縦幅
var outH = window.outerHeight || document.documentElement.clientHeight + 240 || document.body.clientHeight + 240;
document.write("ウィンドウ内側の横幅：", inW);
document.write("<br />ウィンドウ内側の縦幅：", inH);
document.write("<br />ウィンドウ外側の横幅：", outW);
document.write("<br />ウィンドウ外側の縦幅：", outH);
-->
</script>

せつない・・・

投稿日	2007年6月 4日 12:02
カテゴリ	JavaScript
タグ	動作確認 \| 関数
トラックバック URL	http://www.kantenna.com/cgi-bin/mt504/mt-tb.cgi/1075

コメント(スタイル用のHTMLタグを使えます)

ログイン情報を記憶