<!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. sklearn——train_test_split 随机划分训练集和测试集

    sklearn——train_test_split 随机划分训练集和测试集 sklearn.model_selection.train_test_split随机划分训练集和测试集 官网文档:http: ...

  2. 封装带SSH跳板机的MYSQL

    一.封装带SSH跳板机的MYSQL 二.配置settting import pymysql from sshtunnel import SSHTunnelForwarder class MyDb(ob ...

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

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

  4. go module 使用举例

    go语言中,从1.11开始,引入module,进行版本管理. 通过使用module,工程目录的位置不用必须放在GOPATH下. 本文介绍 module的使用. 下文中用的Go版本是1.13. 1. g ...

  5. 【Makefile】Makefile中的赋值符号=、:=、?=、+=

    Makefile中主要有四个赋值符号: = 是最基本的赋值:= 是覆盖之前的值?= 是如果没有被赋值过就赋予等号后面的值+= 是添加等号后面的值 1.“=” “=”赋值:make会将整个makefil ...

  6. Ajax案例-基于XML，以POST方式，完成省份-城市二级下拉联动

    <%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC & ...

  7. java内存模型的原子性、可见性、有序性与指令重排序

    在并发编程中,我们通常会遇到以下三个概念:原子性.可见性和有序性.我们先看具体看一下这三个概念: 1.原子性 操作时不可分割的比如a=0,此操作不可分割,而++a,实际上是a=a+1,为两个操作.想将 ...

  8. ASP.NET Core 入门笔记5，ASP.NET Core MVC控制器入门

    摘抄自https://www.cnblogs.com/ken-io/p/aspnet-core-tutorial-mvc-controller-action.html 一.前言 1.本教程主要内容 A ...

  9. ValueError: Object arrays cannot be loaded when allow_pickle=False

    错误ValueError: Object arrays cannot be loaded when allow_pickle=False的解决     numpy最新版1.17以上版本与其他包不兼容问 ...

  10. IDEA 2019.2.2破解激活方法(激活到2089年8月，亲测有效)

    本来笔者这边是有个正版激活码可以使用的,但是,2019.9月3号的时候,一些小伙伴反映这个注册码已经失效了,于是拿着自己的 IDEA, 赶快测试了一下,果不其然,已然是不能用了. 好在,笔者又找到了新 ...