На странице столбиком выводятся числа от 1 до 5.
12345Разбор сценария
Во-первых, какой короткий сценарий! Вот чистый сценарий без текста, который добавлен только для внешнего оформления:
<SCRIPT type="text/javascript"> for (i=1; i<=5; i=i+1){document.write(i + "<BR>");} </script>Посмотрим на синтаксис оператора for, for (i=1; i<=5; i=i+1). В нем три части. Все они разделены точкой с запятой. Рассмотрим их по порядку.
i=1 задает начальное значение переменной, управляющей циклом. В данном случае это 1, но можно было бы задать 10 или 100. Это просто начальная точка отсчета цикла.
i<=5 — условие, определяющее, сколько в цикле будет повторений. В нашем случае цикл будет повторяться до тех пор, пока i не станет больше пяти. Видите? Мы начали с одного и досчитаем до пяти.
i=i+1 определяет значение шага цикла. В нашем случае программа будет прибавлять 1 к i в конце цикла. Программа может прибавлять и 2, и 20, и 567. Нам просто надо увеличивать i на 1.
Наконец оператор document.write, выводит число на страницу. Обратите внимание на <BR> в операторе document.write — это заставляет каждое число выводиться в новой строке. С таким же успехом можно было вывести их в одну строку, разделив запятыми и просто изменяя часть текста, которая появляется после каждого числа.
Этот код JavaScript повторится пять раз и выведет на странице цифры от 1 до 5. Мы могли бы заставить его досчитать до миллиона, но это потребовало бы слишком много пространства Web-страницы.
Задание
Напишите документ HTML с текстом "Сюрприз!", заключенным в теги <H2> и расположенным на самом верху страницы.. Начните с белого фона. Потом с помощью JavaScript досчитайте до 50000.
В этот момент цвет фона меняется на желтый и появляется текст: "Скоро будет еще один цветной сюрприз..."
Снова досчитайте до 50 тысяч, и тогда фон должен опять поменяться. Успеха.
Подсказка: никаких команд в {фигурные скобки} ставить не надо.
Возможное решение
Можно было просто дважды скопировать сценарий из урока, поменяв 5 на 50 тысяч. Это легкая часть работы. Более трудная состоит в реализации события. Мы удалили document.write после цикла и поставили вместо этого document.bgColor=.
<html><head></head><body bgcolor="white"><h2>Сюрприз!</h2><SCRIPT type="text/javascript"> for (i=1; i<=50000; i=i+1) { } document.bgColor="yellow"</script>И еще один сюрприз...<script language="JavaScript"> for (i=1; i<=50000; i=i+1) { } document.bgColor="pink"</script></body></html>25. Урок: Введение в циклы while
Повторяющиеся действия. Циклы с постусловием.
Концепция
В этом примере рассматривается цикл While. Помните, мы говорили, что циклы For используются, когда известно, сколько раз нужно их повторять, а циклы While — когда не известно. Этот пример нарушит правило! Он покажет, как пользоваться переменными, чтобы сосчитать количество повторений цикла и подготовиться к заданию.
Сценарий
<HTML><HEAD></HEAD><BODY><SCRIPT type="text/javascript"> loops=3 num=1 while (num <= loops) { document.write("Добро ") num=num+1 } document.write("Пожаловать!") </SCRIPT></BODY></HTML>