- •Практическая работа №1. Тема: “Основы языка JavaScript”. Теоретические сведения.
- •Синтаксис JavaScript Правила написания скрипта.
- •Где нужно писать скрипт.
- •Переменные, их типы. Объявление переменной.
- •Типы данных.
- •Операции над данными
- •Условные операторы
- •Операторы циклов
- •Функции
- •Определение и вызов
- •Диалоговые окна
- •Задание:
Функции
Функции - это один из основных способов объединения операторов в блоки. В языке JavaScript функция представляет собой группу выражений, служащих для выполнения какой-либо определенной задачи. В отличие от большинства других языков программирования, JavaScript не делает различий между собственно функциями и процедурами. Процедуры - это программные блоки, результаты выполнения которых непосредственно отображаются на выполнении программы, в то время как функции должны возвращать значения. Поэтому функции JavaScript можно рассматривать и как процедуры.
Определение и вызов
Прежде, чем вызывать функцию, ее надо определить. Определение функций в JavaScript имеет следующий синтаксис:
function ИмяФункции (аргументы) {
блок выражений;
}
Важно знать, что когда броузер загружает документ и "видит" объявление функции, он только считывает ее в память. Для того чтобы функция была выполнена, ее надо вызвать. Вызов функции может производиться из любого места JavaScript программы. Для этого достаточно написать:
ИмяФункции(параметры)
где <ИмяФункции> - имя ранее объявленной функции, а параметры - список из одного или нескольких значений, разделенных запятыми и передаваемых функции в качестве аргументов. Количество и порядок значений (параметров), передаваемых функции, должен точно соответствовать списку аргументов, указанных при объявлении функции.
В случае, если функция вызывается не просто как процедура, а именно как функция (т,е. возвращает значение), то она должна содержать специальный оператор return в котором указывается выражение, значение которого возвращает функция. Например, если требуется создать функцию, которая будет принимать в качестве аргумента число, и возвращать его третью степень, мы можем написать так:
<html>
<head>
<title>
Использование функций
</title>
<script type="text/javascript">
function cube(value) {
return value * value * value;
}
</script>
</head>
<body>
<script type="text/javascript">
var x = cube(3);
</script>
</body>
</html>
Таким образом, написав такой код мы при загрузке страницы присвоим переменной х значение 27.
Яэык JavaScript поддерживает также рекурсивный вызов функций, т.е. вызов функции из самой себя.
Диалоговые окна
В JavaScript предусмотрено три различных способа для вывода информации на экран и для получения информации от пользователя. Самым простым является метод alert, который используется просто для отображения окна сообщения с кнопкой ОК. Ниже приведен пример использования этого метода:
a lert("Hello, World");
Метод confirm позволяет отображать окно сообщения с кнопками ОК и Cancel. Если пользователь нажимает кнопку ОК, то метод возвращает значение true, в противном случае возвращается false. Ниже приведен простой пример использования метода confirm:
c onfirm("Bы дейсвительно хотите закончить работу?");
Метод prompt позволяет отображать сообщение и текстовое поле для ввода пользователем какой-либо информации. Этому методу передается два параметра: то сообщение, которое появляется в окне, и значение, которое отображается в текстовом поле по умолчанию. Если пользователь нажал кнопку ОК, то возвращается то значение, которое на тот момент содержалось в текстовом поле. Ниже приведен простой пример использования метода prompt:
prompt("Введите ваше имя", "");
А теперь еще один пример, в котором задействованы все диалоговые окна. Этот скрипт запрашивает Ваше имя, сохраняет в переменной name введенные даные и выводит их на экран, а потом спрашивает "Хотите еще?". И так пока не нажмете кнопку "Cancel".
<html>
<head>
<title>
Диалоговые окна
</title>
</head>
<body>
<script type="text/javascript">
var name = "";
do {
name = prompt("Введите Ваше имя","");
alert(name);
} while (confirm("Хотите еще?"));
</script>
</body>
</html>