改变内容文字大小：

JavaScript While循环

while循环重复执行一段代码，直到某个条件不再满足。

循环的另一种方法

其实while循环和for循环的作用都是重复执行代码，例如下面这段代码，和上一节for循环的输出结果完全没有区别。先来读读例子的代码，下面会解释为什么这个循环会和上一节的for循环等价。

<html>
<body>
<script type="text/JavaScript">
var i=0;
while (i<=10)
{
document.write("菜鸟"+i+"号");
document.write("<br />");
i=i+1;
}
</script>
</body>
</html>

while循环的工作机制

让我们来看看while循环的执行过程：

while(判断条件)
{
循环代码
 }

看起来好像比for循环少了点东西啊，只有一个判断条件啊。其实这个循环也是有初始条件的，只不过在之前就已经定义好了，例如上面例子中的"var i=0;"，至于变量i的增大，则是放到了循环体里面，其实这个过程和for没有什么区别，也是变量i不断变大，直到判断条件不满足，则循环结束。

do while结构

do wile结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。因为它是先执行代码，后判断条件。例子如下：

<script type="text/JavaScript">
     i = 0;
     do
     {
     document.write("The number is " +  i);
     document.write("<br />");
     i++;
     }
     while (i <= 5)
</script>
  1. 上一节：JavaScript For 循环
  2. JavaScript While循环
  3. 下一节：JavaScript Break 与 Continue

菜鸟的JavaScript笔记目录

  1. JavaScript笔记第0节
  2. 将JavaScript 插入网页的方法
  3. 插入JavaScript的位置
  4. JavaScript 语句
  5. JavaScript 注释
  6. JavaScript 变量
  7. JavaScript操作符(1)——运算操作符
  8. JavaScript操作符(2)——比较操作符和逻辑操作符
  9. JavaScript if else语句（如果，否则）
  10. JavaScript Switch语句
  11. JavaScript 弹出框
  12. JavaScript 函数
  13. JavaScript For 循环
  14. JavaScript While循环
  15. JavaScript Break 与 Continue
  16. JavaScript For...In循环
  17. JavaScript事件
  18. JavaScript 调试
  19. JavaScript 特殊字符
  20. JavaScript 指导准则
  21. JavaScript 笔记小结

 

本节笔记参考：