| ポイント |
<![CDATA[
w = window.outerWidth;
h = window.outerHeight;
]]>
|
| 説 明 |
ウィンドウサイズはwindowオブジェクトのouterWidth、outerHeightに格納されています。outerWidthが横幅、outerHeightが縦幅となります。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>ウィンドウサイズを取得する</title>
</head>
<body>
<script Language="JavaScript"><!--
w = window.outerWidth;
h = window.outerHeight;
document.write("横幅："+w+"<br>");
document.write("高さ："+h+"<br>");
// --></script>
</body>
</html>
]]>
|
| 補足説明 |
IE4以降ではウィンドウサイズが取得できないため以下のようにしてページサイズを取得し、メニューやボタン、ステータスバーのサイズを適度に加算し算出します。
<![CDATA[
w = document.body.clientWidth + 24;
h = document.body.clientHeight + 128;
]]> |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
ウィンドウサイズを取得する