BOM に存在する 5 つのオブジェクトの紹介

フロントエンド開発を学んだことのある地球上の人々は、JavaScript が 3 つの部分に分かれていることを知っているはずです: ECMAScript (JS 言語自体の基本構文)、DOM (ドキュメント オブジェクト モデル、アプリケーション プログラミング インターフェイス)、および BOM (ブラウザ オブジェクト)モデル）。

BOM は実際にはブラウザに関連しています。そのため、ブラウザメーカーは独自のアイデアで自由に拡張（ウィンドウオブジェクトに基づく拡張）することができます。ただし、拡張機能は拡張機能であり、各ブラウザは一連の標準に従います。 BOM の学習は、JS 言語を理解する上で依然として非常に重要であるため、無視することはできません。以下は私の要約といくつかの一般的な方法です。この記事の主な目的は、BOM が頭の中に簡単なフレームワークを形成することを期待することです。一般的な方法をいくつか知っておくと、問題が発生したときにその方法をソースまで遡ることができます。

BOM には 5 つのオブジェクトがあります:

1. window オブジェクト (コア オブジェクト)

2. location オブジェクト (window オブジェクトの属性と document オブジェクトの属性)

3. navigator オブジェクト

4. 履歴オブジェクト: 今のところ使用されていません

5. 画面オブジェクト: 今のところ使用されていません

各オブジェクトの下にいくつかの一般的で一般的に使用されるメソッドがリストされており、簡単に説明されています。

• ウィンドウオブジェクト(コアオブジェクト)の共通メソッド

• 非同期: XMLHttpRequestコンストラクター

• 数値データ型: Number、parseInt、parseFloat、isNaN、isFinite

• Timer: set Timeout 、 setInterval 。ここで説明したいのは、setTimeout のコールバック関数の this が wi​​ndow オブジェクトを指すということです。その理由は実際には非常に簡単です。コールバック関数がパラメータとして setTimout に渡されると、暗黙的な割り当てが行われます。もう 1 つ注意すべき点は、setTimeout の実行順序です。

• URL暗号化：encodeURI、encodeURIComponentメソッド

• URL復号化：decodeURI、decodeURIComponentメソッド

• ウィンドウサイズ：（innerWidth、innerHeight）（outerWidth、outerHeight）、これはクライアントのディメンションとオフセットと一致している必要がありますDOM では Dimension は clientWidth(Height) と offsetWidth(Height) で区別されます

• ウィンドウの位置: (screenLeft, screenRight) (screenX, screenY)

• 新しいウィンドウを開く: open メソッド、this メソッド3 つのパラメータを受け取ることができます

• システムダイアログ: アラート、確認、プロンプトメソッド

• location オブジェクト

• href 属性: URL アドレスを取得します (この属性を通じて URL アドレスを設定することもできます)

• protocal 属性: ページで使用されるプロトコルを返します (この属性を通じてプロトコルを設定することもできます)。

• host 属性: ホスト名とポートを含むサーバー名とポート番号を返します (ホストを設定することもできます)。この属性を通じて)

• hostname 属性: ポート番号なしのサーバー名を返します (この属性を通じてホスト名を設定することもできます)

• port 属性: ポート番号を返します (また、ポートを設定することもできます)この属性)

• pathname 属性: URL ディレクトリまたはファイル名を返します (パス名はこの属性を通じて設定することもできます)。

• hash 属性: URL のハッシュ (#content) を返します (ハッシュはこの属性を通じて設定されます)

• 検索属性: クエリ文字列 (?name=keith&height=180 など)、(この属性を通じて検索を設定することもできます)

• reload メソッド: ページは最もロードされます。効率的な方法。つまり、最後のリクエスト以降ページが変更されていない場合、ページはブラウザーのキャッシュからロードされます。ブラウザから強制的にリロードする場合は、ブール値 true を渡すことができます。

• navigator object

• userAgent: ユーザーエージェント、ユーザーが使用するブラウザー情報をクエリします。モバイル側では、ユーザーが使用しているモバイルデバイスまたはブラウザの種類を判断するために使用できます

以上がBOM に存在する 5 つのオブジェクトの紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。