JavaScript Window - Browser Object Model

❮ 前章へ 次章へ ❯

Browser Object Model (BOM) により、JavaScriptはブラウザと「話す」ことができます。


Browser Object Model (BOM)

Browser Object Model (BOM)の公式な標準はありません。.

現代のブラウザは、JavaScriptインタラクティビティのための(ほぼ)同じメソッドとプロパティを実装しているので、 よくBOMのメソッドやプロパティと呼ばれています。


Window オブジェクト

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

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

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

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

documentオブジェクト(HTML DOMの)でさえ、windowオブジェクトのプロパティです:

window.document.getElementById("header");

これは、次のものと同じです:

document.getElementById("header");

Window のサイズ

2つのプロパティは、ブラウザ・ウィンドウのサイズを決定するためにを使用できます。

両方のプロパティとも、サイズをピクセルで返します:

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

Internet Explorer 8, 7, 6, 5 の場合:

実践的なJavaScriptソリューション(すべてのブラウザを対象とする):

var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
Try it Yourself »

次の例では、ブラウザウィンドウの(ツールバー/スクロールバーを含まない)高さと幅を表示します


その他の Window メソッド

一部のその他のメソッド:


❮ 前章へ 次章へ ❯