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>
