首頁 > 開發者 > JavaScript
標籤：內容 switch語句 png demo onclick 簡體 mil write 手冊
一、迴圈控制語句
迴圈語句主要就是在滿足條件的情況下反覆執行某一個操作，迴圈控制語句主要包括while語句、do...while語句 和for語句。
1、While語句
文法：
While（條件運算式語句）{執行語句塊}
當“條件運算式語句”的傳回值為true時，則執行大括弧“{ }”中的語句塊，當執行完大括弧“{ }”的語句塊後，再次檢測條件運算式的傳回值，如果傳回值還為true，則重複執行大括弧“{ }”中的語句塊，直到傳回值為false時，結束整個迴圈過程，接著往下執行while程式碼片段後面的程式碼。
案例：計算1~100的所有整數之和
<title> while語句 </title> </head> <body> <script type="text/javascript"> var x=0; var xDay=0; while(x<=100) { xDay+=x; x++; //在迴圈中應該包含使迴圈退出的語句，比如上面案例的x++（否則迴圈將無休止的運行） } document.write("1~100的所有整數之和"+xDay); </script> </body>
：
2、do...while語句：
是先執行一遍大括弧中的語句，才檢測條件運算式語句的值是真是假。
do...while語句文法：do{語句1;
語句2;
語句3；}while（條件運算式語句）
案例：
<title> do...while語句 </title> </head> <body> <script type="text/javascript"> var x=0; var xDay=0; do{ xSum+=x; x++; }while(x<=100); document.write("1~100的所有數之和為"+xSum); </script> </body>
：
3、For迴圈語句
for語句通常由兩部分組成：一部分為條件控制部分，另一部分是迴圈部分。
For迴圈語句文法：
for(初始設定式；迴圈條件運算式；迴圈後的動作表達式){執行語句塊}
案例：
<script type="text/javascript"> for(var x=0;x<10;x++) { document.write("<p style=‘font-size:"+x+"0px‘>歡迎學習javascript</p>"); } </script>
：
二、跳躍陳述式
Javascript支援的跳躍陳述式主要是continue語句和break語句。
1、break 語句：
用於跳出迴圈（徹底結束迴圈），break 語句跳出迴圈後，會繼續執行該迴圈之後的代碼（如果有的話）。
文法： break ;
案例：
<body> <p>點擊按鈕，測試帶有 break 語句的迴圈。</p> <button onclick="myFunction()">點擊這裡</button> <p id="demo"></p> <script> function myFunction() { var x="",i=0; for (i=0;i<10;i++) { if (i==3) { break; } x=x + "The number is " + i + "<br>"; } document.getElementById("demo").innerHTML=x; } </script> </body>
：
2、continue語句
Continue語句和break語句類似，區別在於，continue語句用於中止本次迴圈，並開始下一次迴圈。
文法： continue;
Continue語句只能用在while、for、do...while、switch語句當中。
案例：
<body><p>點擊下面的按鈕來執行迴圈，該迴圈會跳過 i=3 的步進。</p> <button onclick="myFunction()">點擊這裡</button> <p id="demo"></p> <script> function myFunction() { var x="",i=0; for (i=0;i<10;i++) { if (i==3) { continue; } x=x + "The number is " + i + "<br>"; } document.getElementById("demo").innerHTML=x; } </script> </body>
：該例子跳過了值 3。
三、使用對話方塊
在javascript中有三種樣式的對話方塊，可分別用作提示、確定和輸入，對應三個函數：alert、confirm、prompt。
（1）alert：該對話方塊只用於提醒，不能對指令碼產生任何變化。它只有一個參數，即為需要提示的資訊，沒有傳回值。
案例：
<title> alert提醒 </title> </head> <body> <script type="text/javascript"> function ale() {//彈出一個提醒的對話方塊 alert("你好，byebye！") } </script> <p>示範一：提醒對話方塊</p> <p> <input type="submit" name="Submit" value="提交" onclick="ale()"/> </p> <p>只是提醒，不能對指令碼產生任何變化；</p> </body>
：
（2）Confirm：該對話方塊一般用於確認資訊。它只有一個參數，傳回值為true或者false。
案例：
<title> comfirm提醒 </title> </head> <body> <script type="text/javascript"> function firm() {//利用對話方塊返回true或者false if(confirm("你確認要轉去老羅江湖首頁？")) {//如果是true，那麼就把頁面轉向老羅江湖首頁 location.href="http://www.cnblogs.com/KTV123/"; } else{ alert("按了<取消>按鈕後，系統返回false"); } }</script><p>示範：確認對話方塊 </p> <p> <input type="submit" name="Submit2" value="提交" onclick="firm()" /> </p> <p>一般用於確認，返回true或者false</p> </body>
：點“提交”
（3）Prompt：該對話方塊可以進行輸入，並返回使用者輸入的字串。它有兩個參數，第一個參數顯示提示資訊，第二個參數用於顯示輸入框（和預設值）。
案例：
<title> prompt提示 </title> </head> <body> <script type="text/javascript"> function prom() { var name=prompt("請輸入您的名字","");//將輸入的內容賦給變數name if(name)//如果返回的有內容 { alert("歡迎您："+name); } } </script> <p>示範：要求使用者輸入，然後給個結果</p> <p> <input type="submit" name="Submit3" value="提交" onclick="prom()" /> </p> <p>一個帶輸入的對話方塊，可以返回使用者填入的字串</p> </body>
：點“提交”
/*以上的內容部分來自“javascript從零開始學”、“W3School離線手冊簡體中文版”和個人學習筆記，此文最終解釋權歸本人所有！*/
（7）javascript的程式控制結構及語句------（2）迴圈控制語句、跳躍陳述式、使用對話方塊
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
