Создание сценариев с помощью функций и событий

До сих пор ваши сценарии JavaScript состояли из операторов, выполняемых повам потребуются функции. %

В данной главе рассматриваются следующие вопросы:

а определение функции;

а применение функций;

а использование событий для вызова функций;

а обмен информацией;

а оператор return.

Что такое функция

Функция (function) - это группа операторов, предназначенных для определенной цели и объединенных под общим именем. Функция имеет следующий вид:

function имяфункции()

{

операторы; }

В начале функции помещается слово function, за которым указывается ее имя (например, yourMessage). После имени ставятся круглые скобки (your-Message () ). Их отсутствие приводит к ошибке.

Примечание Пока круглые скобки остаются пустыми. Чуть позже вы узнаете, для чего они используются.

После круглых скобок идут открывающая и закрывающая фигурные скобки, между которыми помещаются операторы.

У каждой функции должно быть имя, причем имена функций, используемых на одной странице, не должны повторяться. Функция запускается (активизируется или вызывается) с Web-страницы.

Ваша первая функция

Пример. Теория может казаться вам слишком сложной, пока вы не перейдете к практике. Давайте сразу создадим первую функцию. Выполните следующие действия:

Откройте HTML-шаблон в текстовом редакторе.

Напечатайте в блоке SCRIPT слово function и дайте функции имя, напримерyourMessage (не забудьте о круглых скобках в конце строки):

<script language=" JavaScript ">

< ! - - Маскируемся !function yourMessage ()

// Снимаем маскировку. --> </script>

3. Затем добавьте пару фигурных скобок:

<script language=" JavaScript ">

< ! - - Маскируемся !function yourMessage ()

// Снимаем маскировку. --> </script>

Предупреждение Помните, что в начале ставится открывающая фигурная скобка ({), а в конце - закрывающая (}). Распространенная ошибка новичков заключается в том, что они питают скобки местами, в результате чего сценарий не работает.

4. Далее добавьте простой оператор:

<script language="JavaScript">

<!-- Маскируемся!

function yourMessage()

{

alert("Ваша первая функция!");

}

// Снимаем маскировку. -->

</script>

5. Сохраните результат, откройте его в браузере и посмотрите, что получилось.

Конечно, сначала вы ничего не увидите. Однако из этого вовсе не следует, что с вашим сценарием что-то не так. Причина в том, что вы еще не вызвали функцию. Это обязательно нужно сделать, потому что в отличие от простых операторов в блоке SCRIPT (запускаемых сразу) функции автоматически запускаться на выполнение не могут. Вам придется кое-что добавить в сценарий.

Функции в языке JavaScript могут вызываться несколькими способами. Самый простой, хотя и наименее эффективный - указание имени функции непосредственно в блоке SCRIPT:

<script language="JavaScript"> <!-- Маскируемся!

yourMessage();

function yourMessage()

{

alert("Ваша первая функция!");

}

// Снимаем маскировку. -->

</script>

Сохраните страницу еще раз и откройте ее в браузере, чтобы увидеть результат. Появление окна подтверждающих сообщений доказывает, что ваша функция была вызвана и выполнена.

Способ, с помощью которого вы вызвали функцию в этом примере, - не самый удачный. По сути, он ничем не отличается от простого перечисления операторов в блоке SCRIPT, освоенного ранее.

Предпочтительнее вызывать одну функцию из другой. Но, прежде чем вы научитесь это делать, вам предстоит узнать, каким образом выполняются функции и что такое события (events), поскольку именно они дают возможность управлять выполнением функций.

 
< Пред   СОДЕРЖАНИЕ   Скачать   След >