web-dev-qa-db-ja.com

JavaScriptのDOMとBOMとは何ですか？

JavaScriptのDOMとBOMとは何ですか？誰かがこれらを素人の言葉で説明できたら、それは素晴らしいことです！これらをより深く理解するのが好きです。

javascriptdomdom-events
81
Imran

BOM（ブラウザーオブジェクトモデル）は、navigator、history、screen、location、およびdocumentのオブジェクトで構成され、これらはwindowの子です。 documentノードには、ページのコンテンツを表すDOM（ドキュメントオブジェクトモデル）、ドキュメントオブジェクトモデルがあります。 JavaScriptを使用して操作できます。

127
thejh
  • DOM-ドキュメントオブジェクトモデル
  • BOM-ブラウザーオブジェクトモデル

この記事 Javascript、DOM、BOMの関係について説明しています。

44
decyclone

それらはあなたが扱っているただの異なるオブジェクトです：

  • DOMはDocument Object Modelであり、ドキュメント、HTML要素自体、たとえばdocumentおよびその中で行うすべてのトラバーサル、イベントなど。
  • BOMはBrowser Object Modelであり、history、location、navigator、screen（およびブラウザによって異なる他のいくつか）。
35
Nick Craver

DOMは、ドキュメントオブジェクトモデルを意味します。Webページがロードされると、ブラウザはページのドキュメントオブジェクトモデルを作成します。すべてのオブジェクトはツリー構造として配置されます...

BOMは、ブラウザオブジェクトModel.windowオブジェクトが、ウィンドウブラウザを表すすべてのブラウザでサポートされていることを意味します。すべてのグローバルJavaScriptオブジェクト、関数、および変数は、自動的にウィンドウオブジェクトのメンバーになります。

4
Revathi Bala

Mozilla FoundationでJavascriptに関する詳細情報を見つけることができます。

DOM

https://developer.mozilla.org/en-US/docs/DOM/DOM_Reference/Introduction

BOM

https://developer.mozilla.org/en-US/docs/WebAPI/Browser

4
Julian

JavaScriptのDOM-> Document Object Modelは、ドキュメント内の要素にアクセスするためのAPIです。ドキュメント全体を親と子ツリーの階層にマップします。各ノードは、いくつかの子要素を保持するか、何らかの方法で他の親要素に継承できます。

BOM->ブラウザオブジェクトモデルは、現在のドキュメント、場所、履歴、フレーム、ブラウザがJavaScriptに公開する可能性のあるその他の機能など、ブラウザが提供するすべてのもののより大きな表現です。ブラウザオブジェクトモデルは標準化されておらず、異なるブラウザに基づいて変更できます。

2
sai krishna

DOM：ドキュメントオブジェクトは、HTMLドキュメント全体を表します。 htmlドキュメントがブラウザにロードされると、ドキュメントオブジェクトになります。

BOM：ウィンドウオブジェクトはブラウザのウィンドウを表します。ウィンドウのオブジェクトは、ブラウザによって自動的に作成されます。

2
chaithanya

BOMはBrowser Object Modelを意味します。これらは、ブラウザを操作するために使用できるオブジェクトです。彼らはナビゲーターです

  • ナビゲーター
  • 画面
  • ロケーション
  • 歴史
  • 資料

それらはすべてWindowオブジェクトの子です。 DOMはDocument Object ModelはBOMの一部であり、ロードされたページファイルのコンテンツを操作するのに役立ちます。これにはHTMLとCSSが含まれます

1
Bamidele Alegbe