ブラウザ オブジェクト モデル (BOM)
ブラウザ オブジェクト モデル (BOM) には正式な標準はありません。
最新のブラウザでは JavaScript の対話性のために (ほぼ) 同じメソッドとプロパティが実装されているため、BOM と見なされることが多いメソッドとプロパティ。
window オブジェクト
ブラウザがドキュメントを開くと、window オブジェクトが作成されます。つまり、window オブジェクトはブラウザで開かれているウィンドウを表します。
ウィンドウ オブジェクトはグローバル オブジェクトであり、ウィンドウのプロパティはグローバル変数として使用できます。たとえば、window.document の代わりに document と書くこともできます。同様に、Window.alert() の代わりにalert() を記述するなど、現在のウィンドウ オブジェクトのメソッドを関数として使用できます。
ドキュメントにフレームが含まれている場合、ブラウザはドキュメントのウィンドウ オブジェクトとフレームごとに追加のウィンドウ オブジェクトを作成します。
ヒント: window オブジェクトに関連する明確な標準はありませんが、すべてのブラウザがこのオブジェクトをサポートしています。
HTML DOM のドキュメントも window オブジェクトの属性の 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.clientHeight
document.documentElement.clientWidth
または
document.body.clientHeight
document.body.clientWidth
実用的な JavaScript ソリューション (すべてのブラウザをカバー):
<!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>その他のウィンドウメソッド
その他のメソッド:
window.open() - 新しいウィンドウを開きます
window.close() - 現在のウィンドウを閉じます
window.moveTo() - 現在のウィンドウを移動します
window .resizeTo( ) - 現在のウィンドウのサイズを変更します
次のセクション