DOM, BOM в JavaScript

 

Браузер дает доступ к иерархии объектов, которые мы можем использовать для разработки.

На рисунке схематически отображена структура основных браузерных объектов.

 

На вершине стоит 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 имеет две роли:

  1. Это окно браузера. У него есть методы window.focus(),window.open() и другие.
  2. Это глобальный объект JavaScript.

Вот почему он на рисунке представлен зеленым и красным цветом.

Добавить комментарий