Цикл For

Синтаксис:

for ([инициализация начального значения;] [условие;] [механизм обновления счетчика, шаг]) {

программный блок

}

Оператор For позволяет многократно выполнять операторы в JS-программе. Оператор For может быть использован для выполнения одного или нескольких операторов. Фигурные скобки можно опустить, если тело цикла содержит только один оператор. Все параметры оператора For являются необязательными и используются для управления процессом выполнения цикла. При применении всех параметров каждую часть нужно отделять точкой с запятой (;).

Пример вывода в окне браузера горизонтальных линий, причем каждая длиннее предыдущей:

<html>

<head>

<script language ="JavaScript">

function testloop() {

var String1 = '<hr align="center";

document.open();

for (var size = 5; size <= 100; size+=5)

document.writeln(string1 + size + '%''>');

document.close();

}

</script>

</head>

<body>

<form>

<input type="button"

value="Test the loop"

onClick="testloop()">

</form>

</body>

</html>

В приведенном примере программа выводит в документ ряд горизонтальных линеек - HTML тегов (<HR>), - размер которых увеличивается с шагом 5 (size += 5) от 5% до 100% ширины рабочей области окна браузера. Всего образуется 20 итераций. Переменная String1 хранит строку, содержащую HTML-тег. В цикле к этой строке добавляется новое значение ширины, записанное в переменной size. Когда значение этой переменной достигает 100, цикл завершается. Фигурные скобки в данном примере не нужны, поскольку тело цикла содержит только один оператор. (Здесь и далее оговоримся, что исполняемые выражения встречающиеся внутри операторов влияющих на порядок выполнения программы, например циклов: вызовы функций, методы, обработчики событий и т.п. условимся называть операторами). HTML-документ содержит кнопку, которая активизирует функцию testloop().


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: