Javascript基础教程之while语句

128 阅读 0 评论 85 点赞

我是靠谱客的博主英俊学姐，最近开发中收集的这篇文章主要介绍Javascript基础教程之while语句，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

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

while(expression) statement

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

两个案例

复制代码代码如下:

 <script type="text/javascript">

    var i=iSum=0;

    while(i <= 100){

        iSum += i;

        i++;

     };

    document.write(iSum+"<br>"); //求100内数字相加和

     </script>

 <p>点击下面的按钮，只要 i 小于 5 就一直循环代码块。</p>

 <button onclick="myFunction()">点击这里</button>

 <p id="demo"></p>

 <script>

     function myFunction()

     {

         var x="",i=0;

         while (i<=10)

         {

             x=x + "The number is " + i + "<br>";

             i++;

         }

         document.getElementById("demo").innerHTML=x;

     }

 </script>