master

分支 (2)

管理

管理

master

Devlop

java-script-notes
/
35.循环语句while语句.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script>
    /*
         向页面中输出连续的数字

         循环语句：
             通过循环语句可以反复执行一行代码多次
         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++);
          // 退出循环
          if(n==10){
             break;
          }
      } */


    // 创建一个循环，往往需要三个步骤：
    // 1.创建初始化的一个变量
    var i = 0;
    // 2.在循环中设置一个条件表达式
    while (i < 2) {
      // 3.定义一个更新表达式，每次更新初始化变量
      document.write(i++ + "<br />");
    }

    var b = 11;
    while (b < 11) {
      alert(b++);
    }

    do {
      alert(b++);
    } while (b < 11);


  </script>
</head>
<body>

</body>
</html>