1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title></title>
6 <script type="text/javascript">
7
8
9
10 /*
11 * 循环语句: 12 * 通过循环语句可以反复的执行一段代码多次 13 * 14 * while循环 15 * - 语法: 16 * while(条件表达式){ 17 * 语句... 18 * } 19 * 20 * - while语句在执行时, 21 * 先对条件表达式进行求值判断, 22 * 如果值为true,则执行循环体, 23 * 循环体执行完毕以后,继续对表达式进行判断 24 * 如果为true,则继续执行循环体,以此类推 25 * 如果值为false,则终止循环 26 * 27 * do...while循环 28 * - 语法: 29 * do{ 30 * 语句... 31 * }while(条件表达式) 32 * 33 * - 执行流程: 34 * do...while语句在执行时,会先执行循环体, 35 * 循环体执行完毕以后,在对while后的条件表达式进行判断, 36 * 如果结果为true,则继续执行循环体,执行完毕继续判断以此类推 37 * 如果结果为false,则终止循环 38 * 39 * 实际上这两个语句功能类似,不同的是while是先判断后执行, 40 * 而do...while会先执行后判断, 41 * do...while可以保证循环体至少执行一次, 42 * 而while不能 43 */
44
45 //-----------------------------------------------------------------------------------------
46
47 var n = 1; 48
49 //向这种将条件表达式写死为true的循环,叫做死循环
50 //该循环不会停止,除非浏览器关闭,死循环在开发中慎用
51 //可以使用break,来终止循环
52 while(true){ 53 alert(n++); 54 //判断n是否是10
55 if(n == 10){ 56 //退出循环
57 break; 58 } 59
60 } 61
62
63
64 //创建一个循环,往往需要三个步骤
65
66 //1.创初始化一个变量
67 var i = 1; 68
69 //2.在循环中设置一个条件表达式
70 while(i <= 10){ 71 //3.定义一个更新表达式,每次更新初始化变量
72 document.write(i++ +"<br />") 73
74 } 75
76
77 var j = 11; 78 //至少执行一次
79 do{ 80
81 document.write(j++ +"<br />"); 82
83 }while(j <= 10); 84
85
86 //该循环不会停止,除非浏览器关闭,死循环在开发中慎用
87 /*while(true){ 88 alert(1); 89 }*/
90
91 </script>
92 </head>
93 <body>
94 </body>
95 </html>