5.0 0.5 3 25

Как вызвать функцию?

Игорь Фролов
Игорь Фролов
30 марта 2015
96
Оцените:
Как вызвать функцию?

Чтобы при совершении каких-либо событий на сайте в браузере происходили определенные повторяющиеся действия, вам необходимо использовать объект программного кода - функцию. Функции позволяют заменить собой объемные, повторяющиеся отрывки кода. Определив функцию однократно, вы сможете несколько раз воспроизвести ее в разных участках кода. В этой статье мы подробно расскажем о том, как вызвать функцию в JavaScript.

Разбор программного кода

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

Функция представляет собой выражение, которое состоит из следующих частей:

  1. Ключевое слово function.
  2. Параметры. Функция может как содержать определенные параметры, так и существовать без них.
  3. Тело, содержащее инструкции, которые необходимо выполнить. Оно всегда заключается в фигурные скобки.

Схематично это можно отобразить так:

  • new Function ([arg1[, arg2[, ... argN]],] functionBody)

Пример и варианты вызова функции в JS

Рассмотрим простейший пример функции. Допустим, мы хотим, чтобы каждый раз после того, как пользователь проходил процедуру регистрации на нашем сайте, перед ним выскакивало модальное окно с сообщением «Приветствуем Вас на нашем сайте!». Для этого на соответствующем участке кода нам необходимо прописать следующую команду:

  • function showMessage() {
  • alert('Приветствуем Вас на нашем сайте!');
  • }

Вызов функции всегда связан с каким-то объектом на странице или действиями, совершаемыми над ним.

  • Чтобы функция срабатывала прежде, чем страничка полностью загрузится в браузере, ее необходимо разместить в заголовочной части (<head> ... </head>).
  • Чтобы она вступала в действие после полной загрузки страницы сайта, вызов нужно разместить в теге body (<body> ... </body>) с использованием события onLoad.
  • Чтобы функция была вызвана после каждого щелчка кнопкой мыши в любой области документа, используйте событие onClick тега body (<body onclick="showMessage()">).
  • Чтобы функция срабатывала от щелчка по определенной области документа, то перед событием onClick необходимо разместить отсылку на блочный элемент (например, div: <div onclick ="showMessage()">).

Не забывайте, что все теги в HTML должны закрываться, иначе в коде появится ошибка.

Больше полезной информации вы найдете в разделе сайта Информатика и ИКТ.

Подписывайтесь на наши группы в социальных сетях - смешные статьи, картинки и факты!