Browser Object Model (BOM) により、JavaScriptはブラウザと「話す」ことができます。
Browser Object Model (BOM)の公式な標準はありません。.
現代のブラウザは、JavaScriptインタラクティビティのための(ほぼ)同じメソッドとプロパティを実装しているので、 よくBOMのメソッドやプロパティと呼ばれています。
window オブジェクトは、すべてのブラウザでサポートされています。ブラウザのウィンドウを表します。
すべてのグローバルJavaScriptオブジェクト、関数、および変数は、自動的にwindowオブジェクトのメンバになります。
グローバル変数は、windowオブジェクトのプロパティです。
グローバル関数は、windowオブジェクトのメソッドです。
documentオブジェクト(HTML DOMの)でさえ、windowオブジェクトのプロパティです:
window.document.getElementById("header");
これは、次のものと同じです:
document.getElementById("header");
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 »
次の例では、ブラウザウィンドウの(ツールバー/スクロールバーを含まない)高さと幅を表示します
一部のその他のメソッド: