JavaScript はブラウザーが提供する多くのオブジェクトを取得し、それらを操作できます。
window
window オブジェクトは、グローバル スコープとして機能するだけでなく、ブラウザ ウィンドウも表します。
window オブジェクトには innerWidth プロパティと innerHeight プロパティがあり、ブラウザ ウィンドウの内側の幅と高さを取得できます。内部の幅と高さは、メニュー バー、ツールバー、境界線などのプレースホルダー要素を削除した後に Web ページを表示するために使用される正味の幅と高さを指します。
互換性: IE<=8 はサポートされていません。
<html> <head> <script> 'use strict'; alert('window inner size: ' + window.innerWidth + ' x ' + window.innerHeight); </script> </head> <body> </body> </html>
これに対応して、ブラウザ ウィンドウ全体の幅と高さを取得できる、outerWidth 属性と externalHeight 属性もあります。