Отправляет email-рассылки с помощью сервиса Sendsay

Изучим JavaScript общими усилиями

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Дизайн сайта - инструмент Бизнеса" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Март 2007   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
Doubrovski

Статистика

397 подписчиков
0 за неделю
←   Все выпуски   →

Изучим JavaScript общими усилиями


Изучим JavaScript общими усилиями
Рассылка продублирована на сайте www.infotok.net.ru
Адрес для связи griisaev@yandex.ru

ВЫПУСК 12

Всем здравия желаю!

Сегодня мы начнем  знакомство с операторами условного перехода if…else и switch.
В зависимости от того, выполняется ли некоторое условие или нет, дальнейшее выполнение программы можно направить по тому или другому пути.
Оператор if
Синтаксис оператора if следующий (если ..., то ..., иначе ...):

if (условие)
{  код,   который выполняется,   если условие  true}
else
{  код,   который  выполняется,   если условие  false}

Оператор if выполняет проверку своего условия, если результат - true, выполняется код, следующий за условием. Если результат — false, то, когда присутствует часть else, будет выполнен код следующий за else, иначе - ничего.
Пример:

if (x<b)   {
alert(x)}
else
{alert (b)}

В данном примере, когда условие истинно (т.е. x меньше чем b), выводится окно со значением переменной x, иначе выводится b.
В фигурных скобках располагается блок кода. Иногда часть этой конструкции, определяемая ключевым словом else (иначе), необязательна. В этом случае остается только часть, определенная ключевым словом if (если):

if (условие)
{  код,   который работает,   если условие  true}

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

if (условие)          код,   который работает,   если условие  true

Допускается вложение операторов условного перехода.

if  (условие1) {
код, который работает, если условие1 true} else  {  if (условие2){
код, который работает, если условие2 true
}else{ код, который работает, если условие2 false}

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

Пример
Возможно, Вы встречали сайты, где запрашивается возраст посетителя. Что-то  типа того будет в этом примере.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Пример</title>

<script language="JavaScript" type="text/javascript">
function muAge()
{ x=document.form1.text1.value
if(x<18)
{alert("Извините, но Вы нам не подходите")}
else
{alert("Вы нам подходите")}
}
</script>

</head>

<body>
<form id="form1" name="form1" method="post" action="">
<p>Введите ваш возраст</p>
<p>
<input name="text1" type="text" id="text1" size="14" />
</p>
<p>
<input name="Submit" type="submit" onClick="muAge()" value="Submit" />
</p>
</form>

</body>
</html>

Разберем пример. Между тегами <form>  и </form> размещаются текстовая форма и кнопка (это чистый HTML язык). В текстовую форму пользователь вводит свои данные. Атрибут кнопки onClick, при нажатии, вызывает функцию muAge.
Функция это подпрограмма, которая объединяет операторы в блоки. Ее можно вызвать для выполнения, обратившись по имени. (Более подробно мы вернемся к функциям в последующих выпусках).
Между тегами <script> и </script> размещается определение функции function muAge().
x=document.form1.text1.value – здесь переменной х присваивается значение введенное пользователем в текстовую форму.
if(x<18) – здесь ставится условие, что x меньше 18.
Если значение х будет меньше 18, условие истинно – true. Будет выполнен блок {alert("Извините, но Вы нам не подходите")}
Если иначе, будет выполнен блок расположенный после else (ложь) - {alert("Вы нам подходите")}

Бывает, что пользователь ничего не вводит в текстовое поле. Усовершенствуем программный код, чтобы проверить ввел пользователь, что-то в текстовое поле или нет.
Пример.

<script language="JavaScript" type="text/javascript">
function muAge()
{ x=document.form1.text1.value
if(!x) alert("Вы ничего не ввели!")
if(x<18)
{alert("Извините, но Вы нам не подходите")}
else
{alert("Вы нам подходите")}
}
</script>

В код добавлена одна строка  if(!x) alert("Вы ничего не ввели!").

Здесь поставлено новое условие !x (не х). Если условие true, выполняется следующий за ним блок кода.

 

До следующего выпуска!

ВАШИ ВОПРОСЫ

Здесь будут размещаться Ваши вопросы. Поскольку я сам чайник в JavaScript, то будем сообща искать на них ответы. Обязательно познакомьтесь с правилами подачи вопросов и ответом.

Правила подачи вопросов и ответов.
Общие

Нековеркайте слова. Не применяйте нецензурные выражения. Не принимаются письма с вложенными файлами.
Такие письма будут просто удаляться.

Правила подачи вопросов

Правильно и понятно формулируйте ваши вопросы. Указывайте ваш рабочий адрес электронной почты. Старайтесь не забегать вперед рассылки. Указывайте тему письма как «Вопрос».

Правила для ответов

При ответе в теме письма указывайте Ответ - (номер вопроса). Если хотите ответить на несколько вопросов, то на каждый вопрос отвечайте отдельным письмом.

Адрес для связи griisaev@yandex.ru

Все права защищены © Исаев Григорий 2007г., griisaev@yandex.ru
При цитировании ссылка на источник обязательна.

В избранное