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分页代码实例分享(js分页)
Dec 13 Javascript
JS+CSS实现简单滑动门(滑动菜单)效果
Sep 19 Javascript
Bootstrap基本模板的使用和理解1
Dec 14 Javascript
js实现PC端根据IP定位当前城市地理位置
Feb 22 Javascript
Bootstrap3多级下拉菜单
Feb 24 Javascript
OkHttp踩坑随笔为何 response.body().string() 只能调用一次
Jan 08 Javascript
vue-cli webpack 引入jquery的方法
Jan 10 jQuery
vue.js中proxyTable 转发请求的实现方法
Sep 20 Javascript
微信小程序实现多选删除列表数据功能示例
Jan 15 Javascript
在Vue项目中取消ESLint代码检测的步骤讲解
Jan 27 Javascript
JavaScript实现留言板案例
Mar 17 Javascript
JavaScript 判断数据类型的4种方法
Sep 11 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判断正常访问和外部访问的示例
2014/02/10 PHP
Laravel5.1数据库连接、创建数据库、创建model及创建控制器的方法
2016/03/29 PHP
浅谈PHP正则中的捕获组与非捕获组
2016/07/18 PHP
PHP使用redis位图bitMap 实现签到功能
2019/10/08 PHP
javascript针对DOM的应用分析(二)
2012/04/15 Javascript
javascript生成json数据简单示例分享
2014/02/14 Javascript
JavaScript获取XML数据附示例截图
2014/03/05 Javascript
使用纯javascript实现经典扫雷游戏
2015/04/23 Javascript
jquery实现的代替传统checkbox样式插件
2015/06/19 Javascript
jquery的幻灯片图片切换效果代码分享
2015/09/07 Javascript
javascript css红色经典选项卡效果实现代码
2016/05/17 Javascript
使用BootStrap和Metroui设计的metro风格微网站或手机app界面
2016/10/21 Javascript
vue.js开发环境搭建教程
2017/05/04 Javascript
基于匀速运动的实例讲解(侧边栏,淡入淡出)
2017/10/17 Javascript
加载 vue 远程代码的组件实例详解
2017/11/20 Javascript
jQuery实现监听下拉框选中内容发生改变操作示例
2018/07/13 jQuery
node.js使用redis储存session的方法
2018/09/26 Javascript
vue Element左侧无限级菜单实现
2020/06/10 Javascript
微信小程序实现翻牌抽奖动画
2020/09/21 Javascript
vue项目如何监听localStorage或sessionStorage的变化
2021/01/04 Vue.js
python嵌套函数使用外部函数变量的方法(Python2和Python3)
2016/01/31 Python
详解python的数字类型变量与其方法
2016/11/20 Python
修复CentOS7升级Python到3.6版本后yum不能正确使用的解决方法
2018/01/26 Python
TensorFlow损失函数专题详解
2018/04/26 Python
解决python中的幂函数、指数函数问题
2019/11/25 Python
python实现3D地图可视化
2020/03/25 Python
CSS3中几个新增加的盒模型属性使用教程
2016/03/01 HTML / CSS
KIKO美国官网:意大利的平价彩妆品牌
2017/05/16 全球购物
REISS美国官网:伦敦最受欢迎的时尚品牌
2019/08/16 全球购物
电子商务专员岗位职责
2013/12/11 职场文书
《毛主席在花山》教学反思
2014/04/20 职场文书
出纳岗位职责
2015/01/31 职场文书
python 爬取豆瓣网页的示例
2021/04/13 Python
canvas绘制折线路径动画实现
2021/05/12 Javascript
Python基础 括号()[]{}的详解
2021/11/07 Python
Spring Cloud OAuth2实现自定义token返回格式
2022/06/25 Java/Android