BOM と DOM_html/css_WEB-ITnose の違いと関係

BOM

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

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

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

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

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

例えば、お気に入りを追加する機能:

IE ブラウザ: window.external.AddFavorite(url,title);

FireFox ブラウザ: window.sidebar.addPanel(title, url, "");

だからこの JavaScript コードを作成する場合は、ブラウザーの互換性を考慮する必要があります。

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

DOM

1. DOMとはDocument Object Modelの略で、文書オブジェクトモデルのことです。

2. DOM は W3C 標準です。

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

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

標準が存在する以上、誰もがその標準を遵守しなければならず、標準を遵守しないブラウザは罰せられます。

では、JavaScript の DOM は何をするのでしょうか?

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

3 の window.document からわかるように、DOM の最も基本的なオブジェクトはBOM の window オブジェクトのサブオブジェクト。

上の図は、この 2 つの関係を非常によく示しています。この 2 つの関係は、BOM に DOM が含まれているということです。