Javascript基础系列之（六）循环语句（while语句）

最新推荐文章于 2025-09-04 18:55:33 发布

weixin_33813128

最新推荐文章于 2025-09-04 18:55:33 发布

阅读量90

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ahthw/p/4134485.html

本文详细解释了循环语句的概念及其工作原理，着重介绍了while循环的使用方式，并通过两个具体案例展示了如何利用while循环实现特定功能。

循环语句的作用是反复的执行同一段代码，尽管分几种不同的类型，但其原理几乎相同；只要给定的条件满足，包含在循环体内的语句会不断执行，一旦条件不再满足则终止。

while循环是前测试循环，这意味着是否终止的条件判断是在执行代码之前，因此，循环的主体可能根本不执行。其语法如下：

while(expression) statement

当expression为ture时，程序会不断执行statement语句，直到expression为false时。

两个案例

 1 <script type="text/javascript">
 2    var i=iSum=0;
 3    while(i <= 100){
 4        iSum += i;
 5        i++;
 6     };
 7    document.write(iSum+"<br>"); //求100内数字相加和
 8     </script>
 9 
10 
11 <p>点击下面的按钮，只要 i 小于 5 就一直循环代码块。</p>
12 <button onclick="myFunction()">点击这里</button>
13 <p id="demo"></p>
14 
15 <script>
16     function myFunction()
17     {
18         var x="",i=0;
19         while (i<=10)
20         {
21             x=x + "The number is " + i + "<br>";
22             i++;
23         }
24         document.getElementById("demo").innerHTML=x;
25     }
26 </script>