JS ブラウザオブジェクトモデル

Volardev 編集部 April 19, 2026

1. ブラウザオブジェクトモデル (BOM) とは

ブラウザオブジェクトモデル (BOM) は、JavaScriptがブラウザと「対話」することを可能にします。

BOMには公式な標準規格（スタンダード）は存在しません。しかし、最新のブラウザはJavaScriptのインタラクティブ性を実現するために、ほぼ同様のメソッドやプロパティを実装しているため、それらは一般的にBOMのメソッドおよびプロパティとして参照されています。

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

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

HTML DOMの document オブジェクトでさえも、次のように window オブジェクトのプロパティとして扱われます。

window.document.getElementById("header");

これは、以下の記述と全く同じ意味を持ちます。

document.getElementById("header");

ブラウザウィンドウのサイズを取得するために、主に2つのプロパティが使用されます。これらのプロパティはいずれもサイズをピクセル（pixels）単位で返します。

ここで言う「ブラウザウィンドウ（ブラウザのビューポート）」には、ツールバーやスクロールバーのサイズは含まれません。

// ウィンドウの幅を取得
let w = window.innerWidth;
// ウィンドウの高さを取得
let h = window.innerHeight;

Windowオブジェクトには、操作に役立つさまざまなメソッドが用意されています。