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

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

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

• DOM - объектная модель документа
• Спецификация - объектная модель браузера

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

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

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

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

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

Вы можете найти дополнительную информацию о Javascript на Mozilla Foundation.

ДОМ

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

Спецификация

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

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

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

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

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

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

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

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