Способы размещения 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 Основы» – второй урок учебника JavaScript. В этом уроке мы поговорим о способах размещения JavaScript кода.

Сегодня мы попробуем самостоятельно разместить JS коды внутри HTML страницы и научимся оставлять комментарии.

Прежде, чем начинать изучение любого существующего языка программирования необходимо научится запускать программы, написанные на этом языке и как это принято, первой программой, которую мы создадим будет простенький скрипт, вызывающий приветствие вроде «ПРИВЕТ МИР!»

 

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

 

Теперь поговорим о способах встраивания JavaScript кода в страницы сайта. Основных способов существует 4:

• вставка ссылкой
• использование событий
• подстановка
• контейнер <SCRIPT></SCRIPT>

А теперь рассмотрим каждый из этих способов более подробно: