- •Язык сценариев JavaScript Диалоговое окно (prompt)
- •Окно с сообщением (alert)
- •Условный оператор
- •Оператор switch и его свойства
- •День недели
- •Оператор цикла арифметического типа
- •Массивы
- •Функция определения выходного/рабочего дня
- •События
- •Обработка значений из формы
- •Передача параметров по ссылке
- •Использование имени формы в качестве параметра функции
- •Иерархия объектов в JavaScript
- •Объект location
- •Определение выделенного элемента
- •Расположение текста и изображения в ячейке таблицы
- •Текстовая область
- •Свойства переключателя
- •Расписание занятий
- •Выбор характеристик издания
- •Использование флажков в анкете переводчика
- •Использование атрибута id
- •Раскрывающиеся списки
- •Использование списка в задаче оформления заказа на витражи
- •Использование списка в анкете переводчика
- •Обработка анкеты переводчика
- •Задание № 1
- •Задание № 2
- •Задание № 3
- •Число k должно вводится через диалоговое окно JavaScript и отображаться на экране перед таблицей.
- •Задание № 4
- •Задание № 5
Язык сценариев JavaScript Диалоговое окно (prompt)
Для отображения диалогового окна ввода пользователя применяется встроенная функция prompt, имеющая 2 параметра: текст сообщения и значение по умолчанию (которое может быть и пустой строкой). Причем введенное значение можно сразу присвоить переменной:
var my_color=prompt("Введите названия цвета (aqua, blue, yellow, red, green)","red")
Изменим сценарий 1, добавив функцию prompt (листинг 2).
Листинг 2. Использование диалогового окна
<HTML> <HEAD> <TITLE>Использование диалогового окна</TITLE> </HEAD> <BODY> <script> <!-- var my_color=prompt("Введите названия цвета (aqua, blue, yellow, red, green)","gray") document.write("<p><span style='color:" + my_color + " '>Здравствуйте!</span>") //--> </script> </BODY> </HTML>
А теперь посмотрите, что будет выведено в диалоговом окне, если убрать второй параметр в функции prompt.
Окно с сообщением (alert)
JavaScript имеет набор средств, предназначенных для уведомления пользователей о выполненных операция. Например, можно создать сообщение с предупреждением, напоминанием или подтверждением. Для отображения на экране окна с предупреждением применяется функция alert:
alert("Здравствуйте!")
Условный оператор
При составлении программы часто необходимо выполнение различных действий в зависимости от результатов проверки некоторых условий. Для организации ветвлений можно воспользоваться условным оператором, который имеет вид: if (В) {S1} else {S2}
где B — выражение логического типа; S1 и S2 — операторы. Выполнение условного оператора осуществляется следующим образом. Вычисляется значение выражения B. Если оно истинно, то выполняются операторы S1, если ложно — операторы S2. Если последовательность операторов S1 или S2 состоит лишь из одного оператора, то фигурные скобки можно опустить. Возможна сокращенная форма условного оператора:
if (В) {S}
где B — выражение логического типа; S — последовательность операторов. Выполнение краткого условного оператора осуществляется так: вычисляется значение выражения B, если оно истинно, то выполняются операторы S.
Напишем сценарий, запрашивающий у пользователя, на каком языке он говорит и его имя, а затем выводящий на экран приветствие на выбранном языке в окне alert (листинг 3).
Листинг 3. Использование условного оператора и окна alert
<HTML> <HEAD> <TITLE>Использование окна alert</TITLE> </HEAD> <BODY> <script> <!-- var my_language=prompt("На каком языке вы говорите? (русский - ru, английский - en)","ru") var who=prompt("Введите ваше имя","") if (my_language=="ru") {alert("Здравствуйте, " + who + "!")} else {alert("Hello, " + who + "!")} //--> </script> </BODY> </HTML>
Оператор switch и его свойства
В тех случаях, когда при решении задачи требуется выбрать один вариант действия из нескольких возможных, удобно воспользоваться оператором switch.
Синтаксис оператора switch следующий:
switch (В) { case L1: S1; case L2: S2; ... ... ... case Ln: Sn; default: S }
где В — выражение; L1, L2, ..., Ln — литералы; S1, S2, ..., Sn; S — операторы. Выполнение переключателя происходит так: вычисляется значение выражения В. Если значение В равно L1, то выполняются операторы S1, а затем все остальные операторы либо до первого оператора break, либо до конца оператора switch. Если значение в равно L2, то выполняются операторы S2, а затем все остальные операторы либо до первого оператора break, либо до конца оператора switch и т.д. Если же значение в не равно ни одному из значений L1, L2, ..., Ln, то выполняются операторы S. Часть default: S может отсутствовать, тогда переключатель имеет вид
switch (В) { case L1: S1; case L2: S2; ... ... ... case Ln: Sn; }
В этом случае, если значение выражения в не равно ни одному из значений L1, L2, ..., Ln, то оператор switch завершает свою работу, что эквивалентно пустому оператору. На самом деле переключатель удобно записывать в виде:
switch (В) { case L1: S1; break; case L2: S2; break; ... ... ... case Ln: Sn; break; default: S }
В этом случае оператор break обеспечивает завершение работы переключателя после выполнения очередного варианта.