2015-10-22
341
Это уже кое-что. Выводится ссылка с вопросом. Только на этот раз, если нажать "OK", то произойдет переход по ссылке, а если щелкнуть на "Отмена", то останетесь на странице.
Давайте разберемся, как это делается.
Разбор сценария
У вас есть выбор
Во-первых, сценарий говорит:
if (confirm("Уверены, что хотите посетить INTUIT?"))Это значит Если (Здесь можно сделать выбор).
В нашем случае сonfirm предлагает варианты: "OK" или "Отмена". Можно считать их ответами Да и Нет. Обратите внимание на скобки. После команды IF всегда идут круглые скобки, но, как известно, команда сonfirm тоже требует скобок. Следовательно, берем две пары скобок, одна внутри другой.
Сразу же после этого идут команды, выполняемые при каждом варианте ответа. Обратите внимание на фигурные скобки {}. Зачем? Потому что в действительности это функции. Первая из них показывает, что должно произойти, если пользователь выберет ОК (или Да).
{parent.location='http://www.intuit.ru/';alert("Счастливого пути");}Если помните, несколько уроков назад говорилось, что parent.location является командой, создающей ссылку. Дальше идет обыкновенная команда alert. Не забудьте про точку с запятой в конце строк.
|
|
|
А если выбрать отмену?
Мы уже знаем, что если выбрать ОК, то выполнится функция, следующая непосредственно за оператором IF (если). "Cancel" (Отмена) — другой выбор. Видите, сразу после фигурной скобки идет команда ELSE (иначе), как бы "если нет". И тогда следующий текст...
else{alert("Tогда оставайтесь");}...означает: если нет, тогда послать сообщение и не менять страницу.
Все это вместе и дает пользователю возможность выбора: входить или не входить.
Это самые основы использования IF и ELSE. Позже команде IF мы посвятим целый урок. Она того заслуживает, как вам кажется?
Задание
Не пугайтесь, ничего сложного. Преобразуйте рассмотренный в этом уроке сценарий в функцию. И сделайте так, чтобы при отмене (Cancel), кроме окна, еще появлялась какая-нибудь надпись в строке состояния.
Можно также попробовать сделать так, чтобы при выборе ОК страница перехода открывалась в новом окне.
Возможное решение
В разделе заголовка HEAD помещаем следующий код.
<SCRIPT LANGUAGE="javascript"> function go(){if (confirm("Хотите на INTUIT?")){parent.location='http://www.intuit.ru';alert("Счастливого пути");}else{alert("Ладно, оставайтесь");defaultStatus='Что сделано, то сделано';}}</SCRIPT>...и в команду <BODY>:
<BODY onLoad="go()">Процесс на самом деле достаточно простой:
· создается имя функции, сценарий копируется и помещается в фигурные скобки;
· в раздел else добавляется команда defaultStatus='Что сделано, то сделано', которая выводит текст в строку состояния;
|
|
|
· функция запускается командой onLoad в строке BODY;
· если хотите, чтобы ссылка открылась в новом окне, то нужно изменить только два слова. Замените parent.location на window.open, и все готово.
14. Урок: Математические вычисления
Математические функции и их применение.
Концепция
В этом уроке мы узнаем, как производить математические вычисления с помощью JavaScript. Если вам уже приходилось заниматься программированием, то все будет знакомо. Если нет, не паникуйте. Все очень просто!
Сценарий
<BODY> <SCRIPT type="text/javascript"> var numsums = 10 + 2 alert("10 + 2 равно " + numsums) var x = 10 alert("десять — это " + x) var y = x * 2 alert("10 X 2 = " + y) var z = "Привет " + "Пока" alert(z) </SCRIPT></BODY>
