JavaScriptウィンドウ - ブラウザオブジェクトモデル

ブラウザオブジェクトモデル(BOM)を使用すると、JavaScriptがブラウザと"通信"できるようになります。

ブラウザオブジェクトモデル(BOM)

ブラウザオブジェクトモデル(BOM)には公式の標準はありません。

最近のブラウザはJavaScriptの対話性に対して(ほぼ) 同じメソッドとプロパティを実装しているため、BOMのメソッドとプロパティと呼ばれることがよくあります。

windowオブジェクトはすべてのブラウザでサポートされています。ブラウザのウィンドウを表します。

すべてのグローバルJavaScriptオブジェクト、関数、および変数は、自動的にwindowオブジェクトのメンバーになります。

グローバル変数はウィンドウオブジェクトのプロパティです。

グローバル関数は、ウィンドウオブジェクトのメソッドです。

(HTML DOMの)ドキュメントオブジェクトも、ウィンドウオブジェクトのプロパティです。

<div> window.document.getElementById("header");</div>

以下と同じです:

<div> document.getElementById("header");</div>

2つのプロパティを使用して、ブラウザーウィンドウのサイズを決定できます。

どちらのプロパティもサイズをピクセル単位で返します。

ブラウザウィンドウ(ブラウザビューポート)には、ツールバーとスクロールバーは含まれていません。

let w = window.innerWidth; let h = window.innerHeight;

その他の方法: