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>