Браузер дает доступ к иерархии объектов, которые мы можем использовать для разработки.
На рисунке схематически отображена структура основных браузерных объектов.
На вершине стоит window, который еще называют глобальным объектом.
Все остальные объекты делятся на 3 группы.
- Объектная модель документа (DOM)
- Доступна через
document. Дает доступ к содержимому страницы.На странице W3C DOM вы можете найти стандарты DOM, разработанные самим W3C. На данный момент существует 3 уровня DOM. Современные браузеры также поддерживают некоторые возможности, которые называются DOM 0 и которые остались еще с той эпохи, когда не было W3C.
- Объектная модель браузера (BOM)
- BOM – это объекты для работы с чем угодно кроме документа.
Доступ к фреймам, запросы к серверу, функции
alert/confirm/prompt—- все это BOM.Большинство возможностей BOM стандартизированы в HTML5, но браузеры любят изобрести что-нибудь своё, особенное.
- Объекты и функции JavaScript
- Javascript – связующий все это язык. Встроенные в него объекты и сам язык в идеале должны соответствовать стандарту ECMA-262, но пока что браузеры к этому не пришли. Хотя положительная тенденция есть.
Глобальный объект window имеет две роли:
- Это окно браузера. У него есть методы
window.focus(),window.open()и другие. - Это глобальный объект JavaScript.
Вот почему он на рисунке представлен зеленым и красным цветом.
