«Введение в JavaScript» – первый урок учебника JavaScript. В этом уроке речь пойдет об объектной модели представления документа в JavaScript. Мы рассмотрим устройство объектной модели документа и разберемся с такими понятиями, как свойства, методы и события в JavaScript.
Объектная модель JavaScript
Любой документ разбивается интерпретатором JavaScript на несколько основных составляющих:

• свойства
• методы
• события
  

Объектная модель документа позволяет связать сам документ, браузер пользователя и его действия. Любой элемент страницы становится в глазах интерпретатора JavaScript отдельным объектом с уникальным набором методов и событий, к которым можно обратиться и изменить их в реальном времени, тем самым изменив в реальном времени сам документ. Объектная модель документа выстраивается только после полной загрузки документа.
Cвойства в JavaScript

У большинства элементов в HTML есть так называемые атрибуты, например атрибут href элемента . В представлении интерпретатора JavaScript значения атрибутов элементов и есть свойства объектов. Говоря проще изменяя значения свойства объекта вы тем самым изменяете значения соответствующих атрибутов элементов HTML.

Не только элементы HTML разметки имеют свойства, но также и некоторые другие элементы страницы, не имеющие аналогов среди существующих HTML элементов. Такие, как объект Navigator, позволяющий управлять браузером и некоторые другие.

Методы

Методы JavaScript позволяют управлять изменением свойств объектов. Примерами методов работы с объектами могут стать open, write и т.д. Эти методы позволяют сгенерировать или изменить содержание документа. Примерами других методов являются открытие и закрытие окон, нажатие кнопок.

События

Одним из наиболее важных инструментов работы с объектами в JavaScript является обработка событий. К примеру в разметке HTML существует элемент кнопки – button, на который пользователи могут нажимать. При помощи событий мы сможем отследить и обработать нажатие пользователя на эту кнопку при помощи обработчика события нажатия onClick. В значение обработчика события вписывается JavaScript код, который будет выполнен при нажатии пользователя на кнопку, как Вы можете это видеть ниже:

Событие может быть обработанно только после полной загрузки элемента, для которого это событие задано.

И, наконец, придется Вас немного огорчить, сказав, что объектные модели разных браузеров могут отличаться между собой. В большинстве случаев эти различия незначительны, но иногда ( не так часто) названия некоторых объектов и методов работы с ними могут кардинально различаться, поэтому, создавая программы на JavaScript Вы должны проверять их кроссбраузерность.

Source: www.21nn.ru