<!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title></title>

         <script type="text/javascript">

             /*

              * 循环语句：

              *     通过循环语句可以反复的执行一段代码多次

              *

              * while循环

              *     - 语法：

              *         while(条件表达式){

              *             语句...

              *         }

              *

              *     - while语句在执行时，

              *         先对条件表达式进行求值判断，

              *             如果值为true，则执行循环体，

              *                 循环体执行完毕以后，继续对表达式进行判断

              *                 如果为true，则继续执行循环体，以此类推

              *             如果值为false，则终止循环

              *

              * do...while循环

              *     - 语法：

              *         do{

              *             语句...

              *         }while(条件表达式)

              *

              *     - 执行流程：

              *         do...while语句在执行时，会先执行循环体，

              *             循环体执行完毕以后，在对while后的条件表达式进行判断，

              *             如果结果为true，则继续执行循环体，执行完毕继续判断以此类推

              *             如果结果为false，则终止循环

              *

              *         实际上这两个语句功能类似，不同的是while是先判断后执行，

              *             而do...while会先执行后判断，

              *         do...while可以保证循环体至少执行一次，

              *             而while不能

              */

             //-----------------------------------------------------------------------------------------

             var n = 1;

             //向这种将条件表达式写死为true的循环，叫做死循环

             //该循环不会停止，除非浏览器关闭，死循环在开发中慎用

             //可以使用break，来终止循环

             while(true){

                 alert(n++);

                 //判断n是否是10

                 if(n == 10){

                     //退出循环

                     break;

                 }

             }

             //创建一个循环，往往需要三个步骤

             //1.创初始化一个变量

             var i = 1;

             //2.在循环中设置一个条件表达式

             while(i <= 10){

                 //3.定义一个更新表达式，每次更新初始化变量

                 document.write(i++ +"<br />") 

             }

             var j = 11;

             //至少执行一次

             do{

                 document.write(j++ +"<br />");

             }while(j <= 10);

             //该循环不会停止，除非浏览器关闭，死循环在开发中慎用

             /*while(true){

                 alert(1);

             }*/

         </script>

     </head>

     <body>

     </body>

 </html>

JS基础_while循环的更多相关文章

  1. JS基础与循环

    JS 简介 [JS的三种方式] 1.HTML标签中内嵌JS <button onclick="javascript:alert('白痴')">呵呵呵</butto ...

  2. JS基础-事件循环机制

    从一道题浅说 JavaScript 的事件循环 原文链接: https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/7 ...

  3. 【JS基础】循环

    for 循环的语法: for (语句 1; 语句 2; 语句 3) { 被执行的代码块 } 语句 1 在循环(代码块)开始前执行 语句 2 定义运行循环(代码块)的条件 语句 3 在循环(代码块)已被 ...

  4. JS基础语法---循环语句之：for 循环 + 9个练习

    for循环 语法: for(表达式1;表达式2;表达式3){ 循环体; } 执行过程: 先执行一次表达式1,然后判断表达式2;如果不成立则直接跳出循环 如果表达式2成立,执行循环体的代码,结束后,跳到 ...

  5. JS基础_for循环

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. JS基础_while的练习2

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  7. JS基础_while的练习1

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  8. JS基础_for循环练习3

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  9. JS基础_for循环练习2

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

随机推荐

  1. 博客&git收藏

    阿里中间件团队博客 http://jm.taobao.orgkimmking https://blog.csdn.net/KimmKing/article/details/71517053 greys ...

  2. 框架 | Spring面试题总结

    1.什么是Spring? Spring是一个开源的Java EE开发框架.Spring框架的核心功能可以应用在任何Java应用程序中,但对Java EE平台上的Web应用程序有更好的扩展性.Sprin ...

  3. 前端知识点回顾——Javascript篇(六)

    fetch 在原生ajax+es6promise的基础上封装的一个语法糖,返回promise对象. fetch(url, initObj) .then(res=>res.json()) .the ...

  4. RCAN——Image Super-Resolution Using Very Deep Residual Channel Attention Networks

    1. 摘要 在图像超分辨领域,卷积神经网络的深度非常重要,但过深的网络却难以训练.低分辨率的输入以及特征包含丰富的低频信息,但却在通道间被平等对待,因此阻碍了网络的表示能力. 为了解决上述问题,作者提 ...

  5. OpenCV、OpenCL、OpenGL、OpenMP的区别

    OpenCV        OpenCV的全称是:Open Source Computer Vision Library.OpenCV是一个开源发行的跨平台计算机视觉库,可以运行在Linux.Wind ...

  6. 【转载】网页JS获取当前地理位置（省市区）

    眼看2014又要过去了,翻翻今年的文章好像没有写几篇,忙真的或许已经不能成为借口了,在忙时间还是有的,就像海绵里的水挤挤总会有滴.真真的原因是没有学习过什么新的技术,工作过程中遇到的问题也不是非常难并 ...

  7. Java商城秒杀系统的设计与实战视频教程（SpringBoot版）_汇总贴

    51CTO学院 Java商城秒杀系统的设计与实战视频教程(SpringBoot版) H:\BaiDu\微服务0830\2019最新 Java商城秒杀系统的设计与实战视频教程(SpringBoot版) ...

  8. 小D课堂 - 新版本微服务springcloud+Docker教程_4-05 微服务调用方式之feign 实战 订单调用商品服务

    笔记 5.微服务调用方式之feign 实战 订单调用商品服务     简介:改造电商项目 订单服务 调用商品服务获取商品信息         Feign: 伪RPC客户端(本质还是用http)    ...

  9. vue引入插件方法

    jQuery插件npm install jquery --save-dev 需要用jQuery的文件中引入:import $ from 'jquery' 轮播图插件安装:npm install vue ...

  10. Linux系统管理_主题02 ：管好文件（1）_2.2 列出文件和文件属性_chmod_ls

     用户(user)是能够获取系统资源的权限的集合.Linux 中的用户可 以分为三类: 1. 根用户(root):具有系统全部权限的用户: 2. 普通用户:其使用系统的权限受到一定限制: 3. 系统 ...