Отправляет 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
Автор
Doubrovski

Статистика

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

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


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

ВЫПУСК 13

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

Поступили первые вопросы. Кто знает ответ, пишите. Окажите помощь ближнему. Вопросы размешаются в конце выпуска.

Оператор switch (переключатель) вычисляет выражение и ищет совпадение значения выражения с меткой case. Удобен, если требуется проверить несколько условий.
Синтаксис оператора switch выглядит следующим образом:
switch  (выражение) {
case  вариант1:
код
[break]
case вариант2:
код
[break]
case вариант3:
код
[break]

[default:
код]
}

Параметр выражение может принимать строковые, числовые и ло­гические значения. Заключенное в квадратные скобки вводить не обязательно – в данном случае это ключевые слова break и default.
Рассмотрим на примерах работу оператора switch.
Пример.
<html>
<head>
<title> Пример </title>
<script language="JavaScript" type="text/javascript">
<!--
function muFunction (){
var x=3
switch (x)  {
case  1:
alert(1)
case  2:
alert(2)
case  3 :
alert(3) }
}

//-->
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<p>
<input name="Submit" type="submit" onClick="muFunction ()" value="Нажми" />
</p>
</form>

 

</body>
</html>

В данном примере после нажатия на кнопку вызывается функция muFunction (). Оператор switch вычисляет значение переменной x и полученное значение сравнивается с вариантами case. Если значения совпадают, происходит выполнение кода. В данном случае поочередно будут открыты окна с числами 1, 2 и 3.
Попробуйте изменить значения переменной х и посмотрите, как будет изменяться выполнение кода.
Если вы хотите, чтобы выполнение кода останавливалось при совпадении значений, то надо применять оператор break. Пример:
<html>
<head>
<title> Пример </title>
<script language="JavaScript" type="text/javascript">
<!--
function muFunction (){
var x=2
switch (x)  {
case  1:
alert(1); break
case  2:
alert(2); break
case  3 :
alert(3); break }
}

//-->
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<p>
<input name="Submit" type="submit" onClick="muFunction ()" value="Нажми" />
</p>
</form>

 

</body>
</html>

В этом примере сработает только второй вариант.
Если для значения переменной х не находится совпадений, то можно применить оператор default и сообщить пользователю, что такого значения нет. Пример:
<html>
<head>
<title> Пример </title>
<script language="JavaScript" type="text/javascript">
<!--
function muFunction (){
var x=4
switch (x)  {
case  1:
alert(1); break
case  2:
alert(2); break
case  3 :
alert(3); break
default:
alert ("Такого значения нет"); }
}
//-->
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<p>
<input name="Submit" type="submit" onClick="muFunction ()" value="Нажми" />
</p>
</form>

 

</body>
</html>
В этом примере будет открыто окно с сообщением «Такого значения нет».
А теперь рассмотрим такой пример.
Предположим у Вас есть три варианта одного документа (на разных языках).
Вы предлагаете пользователю выбрать, на каком языке будет открыт документ.
Пример.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title> Пример</title>
<script language="JavaScript" type="text/javascript">
<!--
function muFunction (){
var x=document.form1.textfield.value
switch (x)  {
case  'русский':
window.open ('rus.htm'); break
case  'английский':
window.open ('engl.htm'); break
case  'немецкий':
window.open ('germ.htm'); break
default:
alert ("Такого документа нет"); }
}
//-->
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<p>Выберите язык</p>
<p>
<input type="text" name="textfield" />
</p>
<p>
<input name="Submit" type="submit" onClick="muFunction ()" value="Нажми" />
</p>
</form>

 

</body>
</html>

А теперь то же самое, но с оператором if…else.
Пример.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title> Пример</title>
<script language="JavaScript" type="text/javascript">
<!--
function muFunction (){
var x=document.form1.textfield.value
if (x=="русский") window.open ('rus.htm')
else { if (x=="английский") window.open ('engl.htm')
else { if (x=="немецкий") window.open ('germ.htm')
else alert("Такого документа нет")}
}      
}
//-->
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<p>Выберите язык</p>
<p>
<input type="text" name="textfield" />
</p>
<p>
<input name="Submit" type="submit" onClick="muFunction ()" value="Нажми" />
</p>
</form>

 

</body>
</html>

Сравните коды и сделайте вывод

 

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

ВАШИ ВОПРОСЫ

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

ВОПРОС №1

Как сделать повторяемый цикл? Тоесть чтобы скрипт каждый раз
обновлялся. Например, я использую Часы, но приходится каждуй раз в
браузере жать обновить. Я знаю, что эта команда типа: refresh, но эта
команда не работает.

ВОПРОС №2

В IE(6) ни один пример не работает: то ли игнорируется, то ли еще чего, но результат - пустой экран. Под Оперой и FireFox - все ОК. "Выполнять сценарии приложений Java" установлено на "разрешить". Возможно, необходимо как-то дополнительно настроить параметры IE?
Правила подачи вопросов и ответов.
Общие

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

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

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

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

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

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

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

В избранное