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