ブラウザのオブジェクトモデル(BOM)は、JavaScriptがブラウザ」に話を "することができます。
ブラウザのオブジェクトモデル(BOM)
ブラウザのオブジェクトモデル (BOM)のための公式の標準はありません。
最近のブラウザは、(ほぼ)JavaScriptの対話のための同じメソッドとプロパティを実装しているので、多くの場合、メソッドとBOMのプロパティとして、呼ばれています。
Windowオブジェクト
windowオブジェクトは、すべてのブラウザでサポートされています。 これは、ブラウザのウィンドウを表します。
すべてのグローバルJavaScriptオブジェクト、関数、変数は自動的にウィンドウオブジェクトのメンバーになります。
グローバル変数はwindowオブジェクトのプロパティです。
グローバル関数は、ウィンドウオブジェクトのメソッドです。
(HTMLのDOMの)でもドキュメントオブジェクトは、ウィンドウオブジェクトのプロパティです。
window.document.getElementById("header");
同じです。
document.getElementById("header");
ウィンドウサイズ
二つの特性は、ブラウザウィンドウのサイズを決定するために使用することができます。
両方の特性は、ピクセル単位でサイズを返します。
- window.innerHeight - (ピクセル単位)ブラウザウィンドウの内側の高さ
- window.innerWidth - (ピクセル単位)、ブラウザウィンドウの内側の幅
ブラウザのウィンドウ(ブラウザのビューポート)は、ツールバーとスクロールバーを含めてではありません。
Internet Explorer 8、7、6、5の場合:
- document.documentElement.clientHeight
- document.documentElement.clientWidth
- or
- document.body.clientHeight
- document.body.clientWidth
(すべてのブラウザをカバーする)実用的なJavaScriptのソリューション:
例
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight;
»それを自分で試してみてください 例では、ブラウザウィンドウの高さと幅が表示されます(ツールバー/スクロールバーは含みません)
他のWindowの方法
いくつかの他の方法:
- window.open() -新しいウィンドウを開きます
- window.close() -現在のウィンドウを閉じます
- window.moveTo()現在のウィンドウ-move
- window.resizeTo()現在のウィンドウを-resize