JSのbomとdomの違いは何ですか? bomとdomの違いのまとめ

js を勉強する人なら誰でも、JavaScript が ECMAScript、DOM、BOM の 3 つの部分で構成されていることを知っておく必要があります。具体的な表現はホスト (ブラウザー) によって異なります。 bom と dom はどちらも js のコンポーネントです。では、bom と dom の違いは何でしょうか。次に、この記事では JS における BOM と DOM の違いについて説明します。必要な方は参考にしていただければ幸いです。

まず、bomとdomの概念を見てみましょう。

1. BOM はブラウザ オブジェクト モデルです。

コンテンツとは独立してブラウザ ウィンドウと対話するオブジェクトを提供します。ブラウザと対話するためのメソッドとインターフェイスについて説明します。たとえば、新しいウィンドウをポップアップしたり、ステータス バーのテキストを変更したり、IE の BOM を拡張したり、追加したりすることができます。 ActiveXObject。クラス、ActiveX オブジェクトは、js スクリプトなどを通じてインスタンス化できます。)

2. DOM は、ドキュメント オブジェクト モデルです。

DOM は、XML 用のツリーベースの API です。これは、Web コンテンツを処理するためのメソッドとインターフェイスを記述したもので、DOM はページ全体をノード レベルで構成されるドキュメントに計画します。 DOM 自体は言語に依存しない API であり、Java、JavaScript、またはその他の言語に関連付けられていません。

js の bom と dom の概念を読めば、js の bom と dom の違いを簡単に要約できるはずです。

js における bom と dom の違いの 1 つ:

1. BOM は、Browser Object Model の略称で、ブラウザーのオブジェクト モデルです。

BOM はブラウザーと密接に関係しています。新しいウィンドウを開く、新しいタブを開く、ページを閉じる、Web ページをホームページとして設定する、お気に入りに追加するなど、ブラウザ内の多くのことを JavaScript を通じて制御できます。 BOM が関係します。

2. DOM は Document Object Model の略で、ドキュメント オブジェクト モデルのことです。

DOM はドキュメントに関連しており、ここでのドキュメントは HTML ドキュメントである Web ページを指します。 Web ページは、どのブラウザが使用されても、受信される HTML は同じであるため、Web ページ自体のコンテンツには関係ありません。ブラウザとはあまり関係がないので、規格は簡単に判断できます。

js における bom と dom の 2 番目の違い:

1. BOM に関連する標準はありません。

標準がないため、ブラウザごとに同じ機能を実装するために異なる実装方法が必要になる場合があります。上記の関数については、ブラウザごとに関数を実装するために異なる JavaScript コードが必要になる場合があります。

2. DOM は W3C 標準です。

標準ができたので、誰もがそれに従わなければなりません。

js における BOM と DOM の 3 番目の違い:

1 BOM の最も基本的なオブジェクトはウィンドウです。

2. DOM の最も基本的なオブジェクトは document (実際には window.document) です。

最後に、説明する必要があるのは次のとおりです:

1. BOM には標準が設定されていませんが、各ブラウザの共通機能の JavaScript コードは似ています。 . この関数には実際にはデフォルトの標準があります。したがって、ブラウザーの互換性についてはあまり心配する必要はありません。すべてのブラウザーに独自の BOM があるわけではありません。ブラウザーごとに一連の BOM を学習する必要はありません。単に、一部のブラウザーに反映される新しい機能があるだけです。 BOM 。

2. HTML はタグとタグ内のタグで構成されていることがわかっています。 JavaScript は、DOM を通じて、どのようなタグがあるか、タグ内の属性は何か、コンテンツは何かなどを取得できます。

上記はこの記事の全内容です。js の bom と dom の詳細については、javascript 開発マニュアルを参照してください。

以上がJSのbomとdomの違いは何ですか? bomとdomの違いのまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。