ウィンドウサイズを取得
ウィンドウのサイズを取得するには.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 |