JavaScript での BOM の詳細な分析 (例付き)

この記事では、JavaScript での BOM の詳細な分析を紹介します (例付き)。必要な方は参考にしていただければ幸いです。

#BOM

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

# #window

window オブジェクトは、js の最上位オブジェクトです。グローバル スコープで定義されたすべての変数と関数は、呼び出し時に window オブジェクトのプロパティとメソッドになります。 。

window.open(): 新しいウィンドウを開きます

window.close(): 現在のウィンドウを閉じます

window.moveTo(): 現在のウィンドウを移動します
window.resizeTo (): 現在のウィンドウのサイズを変更します。 ウィンドウのサイズ
window.onload(): ページがロードされたとき
window.onscroll(): ページがスクロールされたとき
window.onresize() : ページのサイズが変更されたとき

In ブラウザでは、各タブに独自のウィンドウ オブジェクトがあります。つまり、ウィンドウ オブジェクトは、同じウィンドウ内のタグ間で共有されません。

フレーム

ページにフレームが含まれる場合、各フレームには独自のウィンドウ オブジェクトがあります。そしてフレームコレクションに保存されます。

フレーム コレクションでは、対応するウィンドウ オブジェクトに数値インデックス (0 から始まり、左から右、上から下) またはフレーム名によってアクセスできます。

各ウィンドウ オブジェクトには、フレームの名前を含む name プロパティがあります。

    <frameset>
        <frame>
        <frameset>
            <frame>
            <frame>
        </frameset>
    </frameset>

window.frames[0] または window.frames["topFrame"] を通じて上部フレームを参照できます。

top
ただし、トップ オブジェクトは常に最も高い (最も外側の) フレームを指すため、これらのフレーム (top.frames[0]) を参照するには top を使用するのが最善です。ブラウザウィンドウ。これを使用して、あるフレームから別のフレームに正しくアクセスできるようにします。フレームワークで記述されたコードでは、ウィンドウ オブジェクトはトップレベル フレームワークではなく、そのフレームワークの特定のインスタンスを指すためです。
parent
top に相対的な別のウィンドウ オブジェクトが親です。名前が示すように、親オブジェクトは常に現在のフレームのすぐ上のフレームを指します。場合によっては、parent が top と等しい場合がありますが、フレームがない場合は、parent は top と等しくなければなりません (この場合、両方とも window と等しくなります)。
self
フレームに関連する最後のオブジェクトは self で、常に window を指します。実際、self オブジェクトと window オブジェクトは同じ意味で使用できます。 self オブジェクトを導入する目的は、最上位オブジェクトと親オブジェクトに対応させることだけなので、特に他の値は含まれません。
これらのオブジェクトはすべて window オブジェクトのプロパティであり、window.parent、window.top などを通じてアクセスできます。同時に、これは、window.parent.parent.frames[0] のように、異なるレベルのウィンドウ オブジェクトを連結できることも意味します。

#location

Navigator

ナビゲータ オブジェクトは、ユーザーの場所を決定します。ブラウザとオペレーティング システム。

navigator.appName: ブラウザ名

navigator.appVersion: ブラウザのバージョン

navigator. language: ブラウザの設定言語
navigator.platform: オペレーティング システムの種類
userAgent: ユーザー。ブラウザによって設定されたエージェント文字列

History

#history forward() : メソッドは次の URL を読み込みます。履歴リスト。これは、ブラウザの「戻る」ボタンをクリックするのと同じです。 history.back(): メソッドは、履歴リスト内の前の URL を読み込みます。これは、ブラウザの「進む」ボタンをクリックするのと同じです。ボタンは次のとおりです。 the Same

history.go(): このメソッドは、ユーザーの履歴内を後方または前方に任意にジャンプできます

screen

#Screen オブジェクトには、表示されているブラウザ画面に関する情報が格納されます。
screen.width: 画面の幅 (ピクセル単位)

screen.availWidth: 使用可能な画面の幅 (ピクセル単位)

screen.height: 画面の高さ (ピクセル単位)

以上がJavaScript での BOM の詳細な分析 (例付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。