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