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 相关文章推荐
BOM与DOM的区别分析
Oct 26 Javascript
javascript计算当月剩余天数(天数计算器)示例代码
Jan 09 Javascript
jquery动态添加元素事件失效问题解决方法
May 23 Javascript
JavaScript学习笔记之创建对象
Mar 25 Javascript
微信小程序 form组件详解及简单实例
Jan 10 Javascript
微信小程序 页面跳转传递值几种方法详解
Jan 12 Javascript
JS从非数组对象转数组的方法小结
Mar 26 Javascript
详解vue使用插槽分发内容slot的用法
Mar 28 Javascript
详解Vue组件之间通信的七种方式
Apr 14 Javascript
Vue.js 中的实用工具方法【推荐】
Jul 04 Javascript
vue实现输入一位数字转汉字功能
Dec 13 Javascript
纯JS实现五子棋游戏
May 28 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 中dirname(_file_)讲解
2007/03/18 PHP
ThinkPHP标签制作教程
2014/07/10 PHP
PHP实现服务器状态监控的方法
2014/12/09 PHP
PHP读取大文件的多种方法介绍
2016/04/04 PHP
php微信公众号开发(2)百度BAE搭建和数据库使用
2016/12/15 PHP
PHP7中I/O模型内核剖析详解
2019/04/14 PHP
javascript document.images实例
2008/05/27 Javascript
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
2013/03/27 Javascript
JS扩展方法实例分析
2015/04/15 Javascript
基于JavaScript实现瀑布流布局(二)
2016/01/26 Javascript
原生js封装二级城市下拉列表的实现代码
2016/06/16 Javascript
详解vue-router 2.0 常用基础知识点之导航钩子
2017/05/10 Javascript
jquery图片放大镜效果
2017/06/23 jQuery
javascript 产生随机数的几种方法总结
2017/09/26 Javascript
Vuejs实现购物车功能
2017/11/05 Javascript
基于vue v-for 循环复选框-默认勾选第一个的实现方法
2018/03/03 Javascript
checkbox在vue中的用法小结
2018/11/13 Javascript
vue项目前端知识点整理【收藏】
2019/05/13 Javascript
element-ui 弹窗组件封装的步骤
2021/01/22 Javascript
Python自动连接ssh的方法
2015/03/07 Python
Python中每次处理一个字符的5种方法
2015/05/21 Python
Python的Flask框架及Nginx实现静态文件访问限制功能
2016/06/27 Python
深度定制Python的Flask框架开发环境的一些技巧总结
2016/07/12 Python
python网络编程调用recv函数完整接收数据的三种方法
2017/03/31 Python
python安装模块如何通过setup.py安装(超简单)
2018/05/05 Python
浅谈Python反射 &amp; 单例模式
2019/03/21 Python
python3的url编码和解码,自定义gbk、utf-8的例子
2019/08/22 Python
使用OpenCV-python3实现滑动条更新图像的Canny边缘检测功能
2019/12/12 Python
OpenCV4.1.0+VS2017环境配置的方法步骤
2020/07/09 Python
Python中免验证跳转到内容页的实例代码
2020/10/23 Python
英国乐购杂货:Tesco Groceries
2018/11/29 全球购物
英国在线药房和在线医生:LloydsPharmacy
2019/10/21 全球购物
护士试用期自我鉴定
2014/02/08 职场文书
2014小学年度工作总结
2014/12/20 职场文书
详解Python内置模块Collections
2022/03/22 Python
高通2023 年将发布高性能PC处理器
2022/04/29 数码科技