JavaScriptウィンドウ-ブラウザオブジェクトモデル
ブラウザオブジェクトモデル(BOM)を使用すると、JavaScriptでブラウザと「通信」できます。
ブラウザオブジェクトモデル(BOM)
B rower O bject M odel(BOM)の公式基準はありません。
最近のブラウザはJavaScriptの双方向性のために(ほぼ)同じメソッドとプロパティを実装しているため、BOMのメソッドとプロパティと呼ばれることがよくあります。
ウィンドウオブジェクト
オブジェクトはすべてのwindow
ブラウザでサポートされています。ブラウザのウィンドウを表します。
すべてのグローバルJavaScriptオブジェクト、関数、および変数は、自動的にウィンドウオブジェクトのメンバーになります。
グローバル変数は、ウィンドウオブジェクトのプロパティです。
グローバル関数は、ウィンドウオブジェクトのメソッドです。
(HTML DOMの)ドキュメントオブジェクトでさえ、ウィンドウオブジェクトのプロパティです。
window.document.getElementById("header");
と同じです:
document.getElementById("header");
ウィンドウサイズ
2つのプロパティを使用して、ブラウザウィンドウのサイズを決定できます。
どちらのプロパティもサイズをピクセル単位で返します。
window.innerHeight
-ブラウザウィンドウの内側の高さ(ピクセル単位)window.innerWidth
-ブラウザウィンドウの内側の幅(ピクセル単位)
ブラウザウィンドウ(ブラウザビューポート)には、ツールバーとスクロールバーは含まれていません。
例
let w = window.innerWidth;
let h = window.innerHeight;
その他のウィンドウメソッド
他のいくつかの方法:
window.open()
-新しいウィンドウを開きますwindow.close()
-現在のウィンドウを閉じますwindow.moveTo()
-現在のウィンドウを移動しますwindow.resizeTo()
-現在のウィンドウのサイズを変更します