Что такое DOM и BOM в JavaScript?

90

Что такое DOM и BOM в JavaScript? Было бы замечательно, если бы кто-то мог объяснить это в терминах непрофессионала! Мне нравится в них разбираться глубже.

javascript dom dom-events Имран
источник
1
Возможный дубликат В чем разница между объектной моделью браузера и объектной моделью документа?
Николай

Ответы:

148

BOM (Browser Object Model) состоит из объектов navigator, history, screen, locationи documentкоторые являются детьми window. В documentузле находится DOM (объектная модель документа), объектная модель документа, которая представляет содержимое страницы. Вы можете манипулировать им с помощью javascript.

thejh
источник
1
> В documentузле находится DOM. Я думаю, что лучший способ описать это: «узел находится в дереве DOM», или «узел - это наименьшая единица в дереве DOM», или «узлы составляют дерево DOM». Мысли?
stevemao
оригинальный ответ кажется мне идеальным
божественный
46
  • DOM - объектная модель документа
  • Спецификация - объектная модель браузера

В этой статье объясняется взаимосвязь между Javascript, DOM и BOM.

дециклон
источник
39

Это просто разные объекты, с которыми вы имеете дело:

  • DOM - это объектная модель документа , которая имеет дело с документом, самими элементами HTML, например, documentи всем обходом, который вы бы сделали в нем, событиями и т. Д.
  • BOM является Browser Object Model, который имеет дело с компонентами браузера в стороне от документа, как history, location, navigatorи screen(а также некоторых других , которые изменяются в зависимости от браузера).
Ник Крейвер
источник
6

DOM означает объектную модель документа ... когда веб-страница загружается, браузер создает объектную модель документа для страницы ... Все объекты организованы в виде древовидной структуры ...

Спецификация означает, что объектная модель браузера. Объект окна поддерживается всеми браузерами, он представляет окно браузера. Все глобальные объекты, функции и переменные JavaScript автоматически становятся членами объекта окна.

Ревати Бала
источник
4

DOM: объект документа представляет собой весь html-документ. Когда html-документ загружается в браузер, он становится объектом документа.

Спецификация: объект окна представляет окно в браузере. Объект окна создается браузером автоматически.

чайтханья
источник
3

Спецификация означает объектную модель браузера. Это объекты, которые вы можете использовать для управления браузером. они навигатор

  • штурман
  • экран
  • место расположения
  • история
  • документ

все они являются потомками объекта Window. DOM - это объектная модель документа, которая является частью спецификации и помогает вам управлять содержимым загруженного файла страницы. это включает HTML и CSS

Бамиделе Алегбе
источник
3

DOM -> Document Object Model в JavaScript - это API для доступа к элементам внутри документа. Он отображает весь документ в иерархию родительского и дочернего дерева. Каждый узел может содержать количество дочерних элементов или может наследоваться другому родительскому элементу тем или иным способом.

Спецификация -> Объектная модель браузера - это более широкое представление всего, что предоставляется браузером, включая текущий документ, местоположение, историю, фреймы и любые другие функции, которые браузер может предоставить для JavaScript. Объектная модель браузера не стандартизирована и может изменяться в зависимости от разных браузеров.

Сай Кришна
источник