JavaScript. Объектная модель, свойства, методы, события

JavaScript. Объектная модель, свойства, методы, события

На этой странице даны общие представления о JavaScript, как о языке программирования. 

 Объектная модель документа и её назначение

Объектная модель документа осуществляет связь самого документа с браузером и действиями пользователя.


Всякий документ разделяется интерпретатором JavaScript на основные его составляющие, такие как: свойства, методы, события. Определяя каждый элемент страницы отдельным объектом с индивидуальным набором свойств.
Обратившись в реальном времени к данному объекту, можно изменить его свойства, изменив методы, события и тем самым изменить документ. Объектная модель документа создаётся и формируется по окончании полной загрузки страницы.

JavaScript. Объектная модель, свойства, методы, события

  JavaScript свойства

Элементы в HTML имеют применяемые к ним атрибуты, такие, например, как атрибут «href» у элемента <a> и другие. Интерпретатор JS определяет атрибуты элементов как свойства этих объектов. Поэтому, изменив значения свойства объекта, меняется значение соответствующего атрибута элемента HTML.
Некоторые элементы страницы так же имеют свойства позволяющие управлять браузером, например, объект Navigator.

Методы

Существуют методы в Java Script, позволяющие управлять свойствами объектов - open(), write() и др.
Они генерируют или меняют составляющие документа. Нажатие кнопок, закрытие и открытие окон - являются другими примерами методов.

События

В работе с javascript важным инструментом является обработка событий.
Прописав JScript код, в значение обработчика события для существующего элемента ( к примеру button), применив onClik, будет выполнено заданное действие при нажатии пользователем на кнопку.
Одним из наиболее важных инструментов работы с объектами в Jscript является обработка событий. К примеру в разметке HTML существует элемент кнопки – button, на который пользователи могут нажимать. При помощи событий мы сможем отследить и обработать нажатие пользователя на эту кнопку при помощи обработчика события нажатия onClick. В значение обработчика события вписывается JS код, который будет выполнен при нажатии пользователя на кнопку.
 Событие обрабатывается только после полной загрузки элемента, для которого это событие заданно.

 <INPUT TYPE=button
VALUE="Вызов JavaScript "
onClick="window.alert('Это JavaScript');">
 
К некоторому сожалению, объектные модели в различных браузерах могут разниться между собой. Эти отличия, как правило, незначительны, но иногда могут различаться существенно.