Windowの制御

Windowオブジェクトは、JavaScriptコードが動作しているWebブラウザのウィンドウを表します。

ブラウザウィンドウの位置

IEとそれ以外のブラウザで、取得方法が異なります。

var x;
var y;

if( window.screenX )
{
    x = window.screenX;
    y = window.screenY;
}
else
{
    // for IE
    x = window.screenLeft;
    y = window.screenTop;
}

実行サンプル

現在のウィンドウの位置
X
Y
※ キャッシュを無視してページを更新すると、表示データは更新されます。

ブラウザウィンドウの表示領域の大きさ

IEとそれ以外のブラウザで、取得方法が異なります。

var width;
var height;

if( window.innerWidth )
{
    width = window.innerWidth;
    height = window.innerHeight;
}
else
{
    // for IE
    width = document.documentElement.clientWidth;
    height = document.documentElement.clientHeight;
}

実行サンプル

現在のウィンドウの表示領域の大きさ
Width
Height
※ ウィンドウのサイズを変更すると、表示データは更新されます。

参照