Javascript基础教程之while语句

更新时间：2015年01月18日 14:14:45 投稿：hebedich

这篇文章主要介绍了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>

您可能感兴趣的文章:

javascript学习笔记（一）基础知识
本文是学习笔记系列的第一篇，跟以前一样，介绍些基础知识，包括js基本概念、 JScript 的变量、js的数据类型、3.JScript 的运算符、js流程控制、js函数。有需要的朋友可以参考下
2014-09-09
JavaScript中的eval()函数详解
和其他很多解释性语言一样，JavaScript同样可以解释运行由JavaScript源代码组成的字符串，并产生一个值。JavaScript通过全局函数eval()来完成这个工作
2013-08-08
深入分析Javascript事件代理
JavaScript事件是所有网页互动性的根基。在传统的事件处理中，事件处理器将有可能导致内存泄露或者是性能下降,JavaScript事件代理则是一种简单的技巧，通过它你可以把事件处理器添加到一个父级元素上，这样就避免了把事件处理器添加到多个子级元素上。
2016-01-01
ajax不执行success回调而是执行了error回调
最近在看jQuery的API文档，在使用到jQuery的ajax时，如果指定了dataType为json，老是不执行success回调，而是执行了error回调函数，极度郁闷
2012-12-12
对Js OOP编程创建对象的一些全面理解
下面小编就为大家带来一篇对Js OOP编程创建对象的一些全面理解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-07-07
细说javascript函数从函数的构成开始
javascript函数是一个比较奇怪的东西，接触一段时间你就会犯迷糊，我想从函数的构成来细说函数，这听起来像是一句废话，讲任何东西当然是从构成去谈
2013-08-08
javascript 学习笔记（四）倒计时程序代码
javascript 学习笔记（四）倒计时程序代码，需要的朋友可以参考下。
2011-04-04
JavaScript 关于事件循环机制的刨析
js里的事件循环机制十分有趣。从很多面试题也可以看出来，考察简单的setTimeout也就是考察这个机制的，接下来本文带你详细了解它
2021-11-11
JS简单实现登陆验证附效果图
实现登陆验证的方法有很多，在本文为大家详细介绍下使用js是如何做到的，下面有个不错的示例还有运行截图，喜欢的朋友可以尝试操作下
2013-11-11
css配合JavaScript实现tab标签切换效果
本篇文章我们给大家分享一个关于CSS配合JS实现的TAB标签切换效果，需要的朋友们可以测试下。
2018-10-10