Що таке DOM і BOM в JavaScript?

Що таке DOM і BOM в JavaScript? Якби хтось міг пояснити це неспеціалістами, було б чудово! Мені подобається глибше їх розуміти.

BOM (Browser Object Model) складається з об'єктів navigator, history, screen, locationі documentякі є дітьми window. У documentвузлі знаходиться DOM (Document Object Model), об'єктна модель документа, яка представляє вміст сторінки. Ви можете маніпулювати нею за допомогою JavaScript.

• DOM - об'єктна модель документа
• BOM - об'єктна модель браузера

У цій статті пояснюється взаємозв'язок між Javascript, DOM та BOM.

Це просто різні об’єкти, з якими ви маєте справу:

• DOM - це об'єктна модель документа , яка має справу з документом, самими елементами HTML, наприклад, documentі всіма обходами, які ви зробите в ньому, подіями тощо.
• BOM є Browser Object Model, який має справу з компонентами браузера в стороні від документа, як history, location, navigatorі screen(а також деяких інших , які змінюються в залежності від браузера).

DOM означає об’єктну модель документа .. коли веб-сторінка завантажується, браузер створює об’єктну модель документа для сторінки .. Усі об’єкти розташовані у вигляді деревної структури ...

Специфікація означає браузерну об'єктну модель. Об'єкт вікна підтримується усіма браузерами, він представляє браузер вікон. Усі глобальні об'єкти, функції та змінні JavaScript автоматично стають членами віконного об'єкта.

Ви можете знайти більше інформації про Javascript на Mozilla Foundation.

DOM

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

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

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

DOM: Об'єкт документа представляє весь html-документ. Коли документ HTML завантажується в браузер, він стає об'єктом документа.

BOM: об'єкт window представляє вікно у браузері. Об'єкт вікна створюється браузером автоматично.

Специфікація означає об'єктну модель браузера. Це об’єкти, якими можна керувати браузером. вони навігатор

• штурман
• екран
• Розташування
• історії
• документа

всі вони є дітьми Віконного Об’єкта. DOM - це об'єктна модель документа, яка є частиною специфікації, і вона допомагає вам маніпулювати вмістом завантаженого файлу сторінки. сюди входять HTML і CSS

DOM -> Об'єктна модель документа в JavaScript - це API для доступу до елементів усередині документа. Він відображає весь Документ в ієрархію батьківського та дочірнього дерева. Кожен вузол може містити кількість дочірніх елементів або може успадкувати інший батьківський елемент тим чи іншим чином.

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