Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 119 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

В этом выражении использован логический оператор ИЛИ (||).
Оператор И (&&). Например:
if (phone == " " && email == " ") window.alert("Ошибка!");
В этом выражении вместо оператора || использован оператор &&. В этом случае сообщение об ошибке будет отобра-
жаться на экране только в том случае, если выполняются оба условия (т.е. и телефонный номер, и адрес электронной почты
содержат пробелы).
В случае использования оператора && сначала проверяется первое условие. Если оно не выполняется, то второе условие
проверяться не будет.
Третий логический оператор – это оператор НЕ (!). Он используется для инвертирования выражения, другими словами,
в случае невыполняемости условия будут выполняться указанные операторы действия. Ниже приведен пример оператора
НЕ:
if (phone != " ") window.alert("Правильно!");
В этом случае оператор ! используется как часть оператора сравнения (!=). Этот оператор инвертирует условие. Поэто-
му, если телефонный номер не содержит пробела, то выводится сообщение о правильности его введения.
Дополнительный оператор, используемый вместе с оператором if, – это оператор else. Этот оператор определяет дейст-
вия, которые выполняются в случае невыполнения условия.
Пример использования операторов if и else :
if (a= =1) {
window.alert("1 найдено!");
a = 0;
}
else window.alert("Неправильное значение: " + a);
Если условие выполняется, отображается сообщение и переменной a назначается новое значение 0. Если же условие не
выполняется (если a не равно 1), то отображается другое сообщение. Если в операторе else используется несколько операто-
ров, то необходимо заключать их в фигурные скобки.
Еще несколько примеров использования условных операторов.
1. Циклическая смена изображения.
Событие load возникает в тот момент, когда браузер начинает загрузку окна. Метод setTimeout выполняет действие, задавае-
мое первым параметром, по истечении указанного в миллисекундах промежутка времени, определенного вторым параметром. В
качестве первого параметра задается функция succpict(), чем обеспечивается повторение вызова функции через каждые 2 с.
var k = 1
function ref()
{k = 5}
function succpict(){
var d = document
if (k <= 4)
{if (k == 1)
{d.mypict.src = "m1.gif"; k++}
else
if (k == 2)
{d.mypict.src = "m2.gif"; k++}
else
if (k == 3)
{d.mypict.src = "m3.gif"; k++}
else
if (k == 4)
{d.mypict.src = "m4.gif"; k = 1}
setTimeout ("succpict()", 2000)
}
}
<body onload="succpict()">
<p>Просмотр рисунков</p>
<img src="m1.gif" name=mypict width=100>
<form name="form1">
<input type="reset" value=Остановить onClick=ref()>
<input type="button" value="Начать снова" onClick="k=1; succpict()">
</form>
</body>
</html>
2. Смена изображений при наведении указателя мыши.
Во время работы этого сценария смена рисунков происходит при наведении курсора мыши на изображение. При этом
будет подключаться функция, которая определяет, какое изображение следует поместить в документ. Загружаемые изобра-
жения хранятся в файлах с именами m1/2/3/4.gif.

Страницы