Введение в JavaScript

«Введение в JavaScript» – первый урок учебника JavaScript. В этом уроке речь пойдет об объектной модели представления документа в JavaScript.

Сегодня мы рассмотрим устройство объектной модели документа и разберемся с такими понятиями, как свойства, методы и события в JavaScript.

Объектная модель JavaScript.

Любой документ разбивается интерпретатором JavaScript на несколько основных составляющих:

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

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

Cвойства в JavaScript.

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

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

Методы.

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

События.

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

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

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

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

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

Наверх

Источник: Создание сайтов