<!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. NProgress的使用 及 路由 token 定向的使用

    主要配合路由生命周期使用 实现一个进度条的效果 使用方法: 1. 下载:npm install --save nprogress 使用:NProgress.start();  开始 NProgress ...

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

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

  3. ios 报错记录

    1. 运行xcode 报错:unterminated conditional directive #ifdef 缺少对应的#endif 在结尾加上就好了 2.iOS添加非(c,c++)文件引发的&qu ...

  4. nginx配置, 启动命令, 反向代理配置

    2014年1月3日 13:52:07 喜欢这样的风格,干货 http://huoding.com/2013/10/23/290 -----------------下边是我自己的经验(windows)- ...

  5. Spark算子与RDD基本转换

    map 将一个RDD中的每个数据项,通过map中的函数映射变为一个新的元素. 输入分区与输出分区一对一,即:有多少个输入分区,就有多少个输出分区. flatMap 属于Transformation算子 ...

  6. dockerfile文件命令详解

    Dockerfile 一般分为四部分:基础镜像信息.维护者信息.镜像操作指令和容器启动时执行指令,’#’ 为 Dockerfile 中的注释: Dockerfile的指令根据作用可以分为两种:构建指令 ...

  7. 《Java语言程序设计》第三讲类与对象“动手动脑”

    一.以下代码为何无法通过编译?哪儿出错了? 答: 如果类提供了一个自定义的构造方法,将导致系统不再提供默认构造方法. 二. (1)以下代码输出结果是什么? package xy; public cla ...

  8. bootstrap让footer固定在顶部和底部

    一.原理 使用fixed进行固定定位,相对于浏览器窗口进行定位,然后再设置其z-index的值即可. 二.Bootstrap中使用的类 1.顶部固定:navbar-fixed-top 2.底部固定:n ...

  9. [bzoj2597][Wc2007]剪刀石头布_费用流

    [Wc2007]剪刀石头布 题目大意:https://www.lydsy.com/JudgeOnline/problem.php?id=2597 题解: 发现直接求三元环不好求,我们考虑任选三个点不是 ...

  10. Elasticsearch5.x 引擎健康情况

    查看引擎健康情况 [root@w]# curl -XGET "http://localhost:9200/_cat/health?v" epoch timestamp cluste ...