сравнение DOM и BOM в JavaScript:
📄 DOM (Document Object Model)
| Характеристика | DOM |
|---|---|
| 📄 Что описывает | Структуру HTML-документа (страницы) |
| 🎯 Назначение | Позволяет программно читать и изменять содержимое страницы |
| 🔗 Пример объекта | document, document.body, document.querySelector() |
| 🛠 Используется для | Изменения текста, атрибутов, стилей, добавления/удаления элементов |
| 📚 Стандартизирован | W3C (World Wide Web Consortium) |
| 📌 Примеры | document.getElementById("id"), element.innerHTML = "..." |
🌐 BOM (Browser Object Model)
| Характеристика | BOM |
|---|---|
| 📄 Что описывает | Окружение браузера вокруг документа |
| 🎯 Назначение | Доступ к функциям браузера, не связанным с содержимым страницы |
| 🔗 Пример объекта | window, navigator, screen, location, history |
| 🛠 Используется для | Перенаправлений, открытия окон, работы с URL, навигации в истории |
| 📚 Стандартизирован | Частично (не полностью стандартизирован в отличие от DOM) |
| 📌 Примеры | window.alert(), location.href, history.back(), navigator.userAgent |
Отличия:
| DOM | BOM |
|---|---|
| Работа с содержимым страницы | Работа с окружением браузера |
| Строго стандартизирован (W3C) | Частично стандартизирован |
Объект: document | Объект: window |
Пример: document.body | Пример: window.location.href |
Иерархия:
window (BOM) включает document (DOM). То есть:
window.document === document; // true
Telegram
VK
Email