2016/4/25更新

JavaScriptで画面サイズを取得・変更する方法

画面サイズを取得する方法

screen.width

1	screen.width

モニターの解像度を取得

screen.availWidth

1	screen.availWidth

モニターの利用可能領域を取得

window.innerWidth

1	window.innerWidth

ブラウザウインドウの表示領域の幅（スクロールバーを含む）を取得

window.outerWidth

1	window.outerWidth

ウィンドウ外観の幅を取得

document.body.clientWidth

1	document.body.clientWidth

ドキュメント全体の幅を取得

document.documentElement.clientWidth

1	document.documentElement.clientWidth

ドキュメントの表示領域を取得

screen.height

1	screen.height

モニターの解像度を取得

screen.availHeight

1	screen.availHeight

モニターの利用可能領域を取得

window.innerHeight

1	window.innerHeight

ブラウザウインドウの表示領域の高さ（スクロールバーを含む）を取得

window.outerHeight

1	window.outerHeight

ウィンドウ外観の高さを取得

document.body.clientHeight

1	document.body.clientHeight

ドキュメント全体の高さを取得

document.documentElement.clientHeight

1	document.documentElement.clientHeight

ドキュメントの表示領域を取得

window.resizeBy(width, height);

1	window.resizeBy(width, height);

widthには現在のウィンドウサイズから拡大したい横幅、heightには現在のウィンドウサイズから拡大したい高さを半角英数字で入れます。また数字をマイナスにすると現在のウィンドウから縮小します。

window.resizeTo(width, height);

1	window.resizeTo(width, height);

widthには横幅、heightには高さを半角英数字で入れます。ウィンドウそのもののサイズを入力した値に変更します。

JavaScript