Создание функции

Использование функций

Dynamic HTML. Обработка событий

Вставка скрипта

Особенности JavaScript

Лекция 5. Javascript

Синтаксис JavaScript – основан на синтаксисе C. Он обладает интересными операторами и операциями. И главное: важно помнить, что он чувствителен к регистру, т.е. различает строчные и прописные буквы

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

Для вставки скрипта используется тег <SCRIPT> с параметром LANGUAGE.

Скрипты могут быть вставлены как в раздел BODY, так и HEAD.

В первом случае скрипт запускается один раз при загрузке документа.

<Script language="javascript">
alert("Welcome!")
</Script>

Это простейший скрипт. При загрузке он выводит сообщение Welcome! с помощью функции alert()

Пример вставки скрипта в раздел BODY

Как правило, скрипты запускаются в результате совершения определенных событий.

Основные события

onclick	щелчок мыши по объекту
ondblclick	двойной щелчок мыши по объекту
onmouseover	наведение курсора мыши на объект
onmouseout	отведение курсора мыши с объекта
onmousemove	движение курсора мыши над объектом
onkeypress	нажатие клавиши

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

В данном примере при щелчке на кнопку выдается сообщение Welcome!

<input type="button" value="Welcome" name="B1" onclick="alert('Welcome!!!')">

Примеры обработки событий.

Как правило, для обработки событий используются функции. Т.е. в шапке документа (HEAD) оформляются функции, а при обработке только указывается имя функции с параметрами. Вообще, функции должны были бы быть описаны в конце раздела Синтаксис Javascript: именно так составляются практически все учебники по программированию. Но при написании скриптов роль функций настолько важна, что без них невозможно даже начальное ознакомление с возможностями Javascript. Поэтому использование функций рассматривается в данном разделе.

Тело функции всегда заключается в символы { }.

Простейший пример функции.

function <имя> (<параметры>)

{<тело функции>

}

Пример.

function ChColor(obj,clr)

{obj.style.color=clr}

В данном примере формируется функция ChColor с параметрами obj и clr.

obj - это ссылка на объект, clr - цвет.

!Внимание: В данном и во всех последующих примерах параметр, обозначающий ссылку на некий объект будет называться obj.

Данная функция устанавливает цвет текста для объекта obj.

Дата добавления: 2014-01-07