JavaScript ウィンド...LOGIN

JavaScript ウィンドウ - ブラウザ オブジェクト モデル

JavaScript ウィンドウ - ブラウザ オブジェクト モデル

ブラウザ オブジェクト モデル (BOM) は、JavaScript にブラウザと「対話」する機能を与えます。

ブラウザ オブジェクト モデル (BOM)

ブラウザ オブジェクト モデル (BOM) 公式の標準はまだありません。

最新のブラウザでは JavaScript の対話性のために (ほぼ) 同じメソッドとプロパティが実装されているため、BOM と見なされることが多いメソッドとプロパティ。

Window オブジェクト

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

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

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

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

HTML DOM のドキュメントもウィンドウ オブジェクトのプロパティの 1 つです:

window.document.getElementById("header");

これと同じ:

document.getElementById("header");

ウィンドウ サイズ

ブラウザ ウィンドウ (ツールバーとスクロール バーを除くブラウザのビューポート) のサイズを決定するには 3 つの方法があります。

Internet Explorer、Chrome、Firefox、Opera、Safari の場合:

window.innerHeight - ブラウザ ウィンドウの内側の高さ window.innerWidth - ブラウザ ウィンドウの内側の幅

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

document.documentElement.clientHeightdocument.documentElement.clientWidth

または

document.body.clientHeightdocument.body.clientWidth

その他のウィンドウメソッド

その他のメソッド: open() - オープン新しいウィンドウ window.close() - 現在のウィンドウを閉じる window.moveTo() - 現在のウィンドウを移動 window.resizeTo() - 現在のウィンドウのサイズを調整します

次のセクション

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p id="demo"></p> <script> var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var h=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; x=document.getElementById("demo"); x.innerHTML="浏览器window宽度: " + w + ", 高度: " + h + "。" </script> </body> </html>
コースウェア