码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript--while

时间:2015-06-01 18:54:46      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:



只要指定条件为 true,循环就可以一直执行代码。
while 循环

While 循环会在指定条件为真时循环执行代码块。
语法

while (条件)
  {
  需要执行的代码
  }

实例

本例中的循环将继续运行,只要变量 i 小于 5:

while (i<5)
  {
  x=x + "The number is " + i + "<br>";
  i++;
  }


提示:如果忘记增加条件中所用变量的值,该循环永远不会结束。该可能导致浏览器崩溃。
do/while 循环

do/while 循环是 while 循环的变体。该循环会执行一次代码块,在检查条件是否为真之前,然后如果条件为真的话,就会重复这个循环。
语法

do
  {
  需要执行的代码
  }
while (条件);

实例

下面的例子使用 do/while 循环。该循环至少会执行一次,即使条件是 false,隐藏代码块会在条件被测试前执行:

do
  {
  x=x + "The number is " + i + "<br>";
  i++;
  }
while (i<5);


别忘记增加条件中所用变量的值,否则循环永远不会结束!
比较 for 和 while

如果您已经阅读了前面那一章关于 for 循环的内容,您会发现 while 循环与 for 循环很像。
for 语句实例

本例中的循环使用 for 循环来显示 cars 数组中的所有值:

cars=["BMW","Volvo","Saab","Ford"];
var i=0;
for (;cars[i];)
{
document.write(cars[i] + "<br>");
i++;
}

while 语句实例

本例中的循环使用使用 while 循环来显示 cars 数组中的所有值:

cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i])
{
document.write(cars[i] + "<br>");
i++;

}



<!DOCTYPE html>
<html>
<body>
<meta http-equiv="Content-Type" content="text/html charset=utf-8"/>
<p>点击下面的按钮,只要 i 小于 5 就一直循环代码块。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>

<script>
function myFunction()
{
var x="",i=0;
while (i<5)
  {
  x=x+"The number is " + i +"<br>";//将每一次执行的结果输出
  //document.write(x);
  document.getElementById("demo").innerHTML=x;
  i++;
  }
//document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>


JavaScript--while

标签:

原文地址:http://blog.csdn.net/u012701023/article/details/46313175

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!