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 相关文章推荐
javascript函数以及基础写法100多条实用整理
Jan 13 Javascript
关于jQuery中.attr()和.prop()的问题探讨
Sep 06 Javascript
jquery获取tagName再进行判断
May 29 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
Oct 16 Javascript
jquery+ajax实现直接提交表单实例分析
Jun 17 Javascript
完美的js图片轮换效果
Feb 05 Javascript
AngularJS ui-router (嵌套路由)实例
Mar 10 Javascript
vue.js项目打包上线的图文教程
Nov 16 Javascript
解决vue项目报错webpackJsonp is not defined问题
Mar 14 Javascript
node.js博客项目开发手记
Mar 16 Javascript
JavaScript继承定义与用法实践分析
May 28 Javascript
JS严格模式原理与用法实例分析
Apr 27 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下网站防IP攻击代码,超级实用
2010/10/24 PHP
PHP容易忘记的知识点分享
2013/04/30 PHP
ThinkPHP框架表单验证操作方法
2017/07/19 PHP
点击弹出层外区域关闭弹出层jquery特效示例
2013/08/25 Javascript
浅析JavaScript中的delete运算符
2013/11/30 Javascript
推荐 21 款优秀的高性能 Node.js 开发框架
2014/08/18 Javascript
利用CSS3在Angular中实现动画
2016/01/15 Javascript
深入理解jquery跨域请求方法
2016/05/18 Javascript
JS简单去除数组中重复项的方法
2016/09/13 Javascript
Node.js下自定义错误类型详解
2016/10/17 Javascript
原生js实现对Ajax的封装(仿jquery)
2017/01/22 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
jQuery中常用动画效果函数知识点整理
2018/08/19 jQuery
详解使用jest对vue项目进行单元测试
2018/09/07 Javascript
vue使用el-upload上传文件及Feign服务间传递文件的方法
2019/03/15 Javascript
jquery实现图片无缝滚动 蒙版遮蔽效果
2020/01/11 jQuery
javascript设计模式 ? 解释器模式原理与用法实例分析
2020/04/17 Javascript
vue $router和$route的区别详解
2020/12/02 Vue.js
[46:14]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python字符串特性及常用字符串方法的简单笔记
2016/01/04 Python
深入理解 Python 中的多线程 新手必看
2016/11/20 Python
TensorFlow实现自定义Op方式
2020/02/04 Python
python中的列表和元组区别分析
2020/12/30 Python
Numpy ndarray 多维数组对象的使用
2021/02/10 Python
Gtech官方网站:地毯清洁器、吸尘器及园艺设备
2018/05/23 全球购物
大学共青团员个人自我评价
2014/04/16 职场文书
高中课程设置方案
2014/05/28 职场文书
医疗专业毕业生求职信
2014/08/28 职场文书
2015年见习期工作总结
2014/12/12 职场文书
离婚财产分割协议书
2015/08/11 职场文书
员工旷工检讨书
2015/08/15 职场文书
2016计算机专业毕业生自荐信
2016/01/28 职场文书
Python中快速掌握Data Frame的常用操作
2021/03/31 Python
CSS 圆形进度栏
2021/04/06 HTML / CSS
SpringCloud的JPA连接PostgreSql的教程
2021/06/26 Java/Android
无线电通信名词解释
2022/02/18 无线电