Вызов функции javascript

Функции javascript Создание функции — это только половина дела. Сама по себе функция не делает ничего. Чтобы выполнить ее код, функцию необходимо ввывать из какого-либо места страницы. Для вызова функции javascript достаточно указать ее имя со скобками: ShowAlertBox()


ПРИМЕЧАНИЕ
Не забывайте про скобки в имени функции. Иначе вместо вызова браузер будет пытаться использовать ее как переменную.

Функцию ShowAlertBox () можно вызвать из любого места, где имеется код JavaScript. К примеру, следующий сценарий выводит сообщение три раза подряд, надоедая посетителям:

<script type="text/javascript">
ShowAlert()
ShowAlert()
ShowAlert()
</script>

Это та же техника, которую вы видели при вызове функции alert (). Отличие состоит в том, что функция alert () встроена в JavaScript, a ShowAlertBox () создана самостоятельно. Кроме того, alert () требует одного аргумента, a ShowAlertBox () не требует их вообще.

Передача информации в функцию

Функция ShowAlertBox () прекрасна в своей простоте. Вы просто вызываете ее, и она отображает встроенное сообщение. Большинство функций просто так не работают, они требуют передачи дополнительной информации либо результатов выполнения других функций.

К примеру, представьте, что хотите вывести на экран приветствие, содержащее некоторую стандартную информацию вроде текущей даты. Но вы также хотите иметь возможность изменять часть сообщения, заменяя ваши остроумные слова при каждом вызове функции. Для этого нужен такой способ вызова функции, который позволил бы передавать ей текстовую строку с вашим сообщением.

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

function ShowAlertBox(customMessage) { }

Число аргументов функции не ограничено. Их достаточно разделять запятыми. Следующий пример показывает функцию ShowAlertBox () с тремя аргументами messageLinel, messageLine2 и messageLine3:
function ShowAlertBox(messageLinel, messageLine2, messageLine3) { }

Еще один пример показывает законченную функцию ShowAlertBox (). Функция получает единственный аргумент под именем custom- Message и использует его в выводе сообщения:

<script type="text/javascript">
1    function ShowAlertBox(customMessage)
2    {
3    // Получение даты.
4    var currentDate = new Date()
5    
6    // Создание полного сообщения.
7    var fullMessage = "** ВАЖНОЕ СООБЩЕНИЕ **\n\n"
8    fullMessage += customMessage + "\n\n"
9    fullMessage += "Сгенерировано: " + currentDate.toTimeStringO + "\n"
10  fullMessage += "Это сообщение компании MagicMedia."
И
12    // Показать сообщение.
13    alert(fullMessage)
14    }
</script>

Следующие полезные заметки помогут вам разобраться в коде.

  • Любая строка, которая начинается с символов //, является комментарием (см. строки 3, б и 12). Хороший программист оставляет достаточно комментариев, чтобы помочь другим понять, как работает функция (и самому вспомнить, что он сделал во время кодирования поздней ночью). Комментарии игнорируются браузером.
  • Для вставки разрыва строки в сообщение используется код \п (см. строки 7-9). Код \п — это эквивалент одного перевода каретки (это правило касается только окон сообщений, в XHTML-документе с этой целью используется знакомый вам элемент <br />).
  • Для хранения сообщения в данном случае используется переменная fullMessage (см. строки 7-10). За построение текста отвечает опе­ратор +=. Он автоматически берет строку справа от знака равенства и добавляет ее в конец строки слева. Например, строка 8 fullMessage += customMessage + "\n\n" эквивалентна более длинной строке 8 fullMessage = fullMessage + customMessage + "\n\n"

Использовать эту функцию довольно просто. Только стоит пом­нить о том, что при вызове функции необходимо передавать ей строго определенное число аргументов, разделяя их запятыми. Рассмотренная выше функция ShowAlertBox)) требует единственного аргумента — переменной customMessage. Пример:

<script type="text/javascript">
ShowAlertBox("Эта страница содержит функции JavaScript.") </script>






:

© 2013 Как создать сайт. Все права защищены.

Рейтинг@Mail.ru
Рейтинг@Mail.ru Яндекс.Метрика