Знакомства на Just click it
Скоро новый год!
Онлайн радио
Вверх
Новые статьи

Архив

Введение в 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 код, который будет выполнен при нажатии пользователя на кнопку, как вы можете это видеть ниже:

 

 

<INPUT TYPE=button VALUE="Вызов JavaScript " onClick="window.alert('Это JavaScript');">

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

 

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

 


 

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

 

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

 

 

JavaScrit учебник
JavaScrit основы
Наверх
Источник: Создание сайтов
Мы В Контакте Мы на Facebook Лента новостей RSS
Копирование и публикация материалов сайта разрешены только при наличии активной ссылки на источник
2011 - наши дни.. © Контакты | Лого | Реклама на сайте | Вебмастерам
Политика конфиденциальности | Пользовательское соглашение