Веб-программирование

Обучение программированию

Делаете первые шаги в программировании? Представляем вашему вниманию пошаговое обучение самостоятельного создания сайтов любой сложности на примерах! На страницах сайта KobRU вы найдете все самое необходимое, для того чтобы по праву считаться веб-мастером по созданию привлекательных динамически изменяемых интернет-страниц, используя основные инструменты веб-разработчиков: HTML; CSS; PHP; MySQL; JAVASCRIPT и другие. Сайт KobRU - наиболее полное и качественно структурированное руководство с предельно понятными пояснениями и поэтапным изложением материала, который поможет вам в совершенстве овладеть искусством программирования. Добавьте динамики и интерактивность в свои веб-проекты!

Вход в личный кабинет

Забыли пароль?

Не зарегистрированны?


Конструкторское Web-бюро
5.1 Использование оператора цикла while

Автор: Denisido

Дата: 2010-06-24

Что такое цикл?

Представьте себе белку в колесе. Пока она перебирает лапами, колесо крутится. Тоже самое представляет собой цикл, т.е. пока условия выполняются, цикл работает. Другими словами цикл - это когда многократно выполняется одно и то же действие. Давайте продемонстрируем как работает цикл while (от англ. до тех пор, пока):
while (условие) {действия}
1. Записывается ключевое слово while;
2. В скобках пишем (условие) в виде логического выражения;
3. В фигурных скобках {действия} в виде набора произвольных команд

Допустим нам нужно вывести числа от 1 до 5. Один из вариантов написать их, но более рационально применить цикл:

Запустить! Запустить!
var i = 1;
while(i <= 5) {
               alert(i); // цикл работает пока выражение истинно (TRUE)
               i++; // увеличиваем счетчик на единицу
             } 

Обратите свое внимание на предпоследнюю 4 строку. Здесь мы увеличиваем значение переменной i на единицу. Если бы мы исключили эту строку, то получили бы бесконечный цикл, т.е. нам бы постоянно выводилось число 1.

Вы, скорее всего, заметили вторую кнопку запуска (синего цвета), которая выводит на экран окно с цифрами 12345. Сейчас попробуем с вами разобраться каким образом мы с вами вывели последовательность этих цифр, написав сообщение на веб-странице используя новую команду document.write();

Запустить!
   <html>
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
   <title>Введение в JS</title>
  </head>
  <body>
   
   <script type="text/javascript">

    document.write('

Цикл while

'); </script> </body> </html>

Команда document.write(); подобна функции alert();, которая выводит все что в скобках, в нашем случае это заглавие Цикл while. Теперь попробуем применить ее для вывода цикла:

Запустить!
   <html>
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
   <title>Введение в JS</title>
  </head>
  <body>
   
   <script type="text/javascript">


               document.write('

Цикл while

'); var i = 1; while(i <= 5) { document.write(i); i++; } </script> </body> </html>

В последнем примере мы сделали тоже самое, что и ранее, только вместо команды alert(); использовали document.write();. Теперь наши числа прописались на веб-странице. Все легко и просто, хотя стоит заметить, что это не самый лучший способ для добавления содержимого на страницу. В дальнейшем мы будем рассматривать и другие методы.



Оцените материал по 5-ти бальной шкале: 1 2 3 4 5



Коментарии:

Добавить новый коментарий:

Текст коментария:

Введите результат с картинки

Просмотров: 14726

Метки раздела JavaScript

Основы web программирования, var javascript, javascript функции, javascript обучение, javascript простые примеры, html javascript, javascript примеры, javascript random, уроки сайтостроения, java script, регулярные выражения, appendchild javascript, javascript бесплатно, javascript document write, javascript справочник, javascript примеры.