Javascript基础教程之while语句


Posted in Javascript onJanuary 18, 2015

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

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 相关文章推荐
收集的一些Array及String原型对象的扩展实现代码
Dec 05 Javascript
JS中不为人知的五种声明Number的方式简要概述
Feb 22 Javascript
探讨js中的双感叹号判断
Nov 11 Javascript
JS创建自定义表格具体实现
Feb 11 Javascript
javascript面向对象之对象的深入理解
Jan 13 Javascript
JavaScript数据类型之基本类型和引用类型的值
Apr 01 Javascript
JS实现的表格行鼠标点击高亮效果代码
Nov 27 Javascript
基于Vuejs实现购物车功能
Aug 02 Javascript
JS简单实现仿百度控制台输出信息效果
Sep 04 Javascript
JS 中使用Promise 实现红绿灯实例代码(demo)
Oct 20 Javascript
vue better scroll 无法滚动的解决方法
Jun 07 Javascript
javascript设计模式 ? 备忘录模式原理与用法实例分析
Apr 21 Javascript
Javascript基础教程之switch语句
Jan 18 #Javascript
Javascript基础教程之if条件语句
Jan 18 #Javascript
Javascript基础教程之比较操作符
Jan 18 #Javascript
Javascript基础教程之关键字和保留字汇总
Jan 18 #Javascript
Javascript基础教程之数组 array
Jan 18 #Javascript
Javascript基础教程之数据类型转换
Jan 18 #Javascript
Javascript基础教程之数据类型 (布尔型 Boolean)
Jan 18 #Javascript
You might like
PHP开发中的错误收集,不定期更新。
2011/02/03 PHP
PHP生成Gif图片验证码
2013/10/27 PHP
PHP新特性详解之命名空间、性状与生成器
2017/07/18 PHP
详解php中curl返回false的解决办法
2019/03/18 PHP
jquery.combobox中文api和例子,修复了上面的小bug
2011/03/28 Javascript
jQuery源码分析-04 选择器-Sizzle-工作原理分析
2011/11/14 Javascript
让alert不出现弹窗的两种方法
2014/05/18 Javascript
node.js中的buffer.Buffer.isEncoding方法使用说明
2014/12/14 Javascript
Jquery动态替换div内容及动态展示的方法
2015/01/23 Javascript
JavaScript继承模式粗探
2016/01/12 Javascript
用JS实现轮播图效果(二)
2016/06/26 Javascript
jQuery简单实现彩色云标签效果示例
2016/08/01 Javascript
XMLHttpRequest Level 2 使用指南
2016/08/26 Javascript
VsCode新建VueJs项目的详细步骤
2017/09/23 Javascript
vue 中滚动条始终定位在底部的方法
2018/09/03 Javascript
js 对象使用的小技巧实例分析
2019/11/08 Javascript
微信小程序点击顶部导航栏切换样式代码实例
2019/11/12 Javascript
Python实现的简单hangman游戏实例
2015/06/28 Python
详解Python 中sys.stdin.readline()的用法
2019/09/12 Python
pycharm 添加解释器的方法步骤
2020/08/31 Python
Python项目实战之使用Django框架实现支付宝付款功能
2021/02/23 Python
html5 canvas实现跟随鼠标旋转的箭头
2016/03/11 HTML / CSS
HTML5 placeholder(空白提示)属性介绍
2013/08/07 HTML / CSS
金属材料工程个人求职的自我评价
2013/12/04 职场文书
全陪导游欢迎词
2014/01/17 职场文书
第二批党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
营业用房租赁协议书
2014/11/26 职场文书
2014年幼儿园小班工作总结
2014/12/04 职场文书
优秀团员事迹材料
2014/12/25 职场文书
2015年中个人总结范文
2015/03/10 职场文书
新闻稿怎么写
2015/07/18 职场文书
员工手册董事长致辞
2015/07/29 职场文书
科级干部培训心得体会
2016/01/06 职场文书
Python编程源码报错解决方法总结经验分享
2021/10/05 Python
前端vue+express实现文件的上传下载示例
2022/02/18 Vue.js
xhunter1.sys可以删除嘛? win11提示xhunter1.sys驱动不兼容解决办法
2022/09/23 数码科技