首頁 > 開發者 > JavaScript
標籤：switch語句 script 網站 程式碼 word 動作 控制 http 賦值
一、迴圈控制語句
迴圈語句主要就是在滿足條件的情況下反覆執行某一個操作，迴圈控制語句主要包括while語句、do...while語句 和for語句。
1、While語句
文法：
While（條件運算式語句）{執行語句塊}
當“條件運算式語句”的傳回值為true時，則執行大括弧“{ }”中的語句塊，當執行完大括弧“{ }”的語句塊後，再次檢測條件運算式的傳回值，如果傳回值還為true，則重複執行大括弧“{ }”中的語句塊，直到傳回值為false時，結束整個迴圈過程，接著往下執行while程式碼片段後面的程式碼。
案例：進入網頁時提示五次“請叫我五聲威哥”
<title> while語句使用 </title> </head> <body> <script type="text/javascript"> var x=1; while(x<6) { alert("請叫我五聲威哥"+x); x ++; //x = x + 1 ; } alert("over"); /*第6次進入的時候，x為6,x不小於6，所以while條件不滿足，就不再執行此while裡的代碼，所以這個迴圈被終止。接下來繼續往下執行其他代碼。 */ </script>
：
》》》》》》
2、do...while語句：
是先執行一遍大括弧中的語句，才檢測條件運算式語句的值是真是假。
do...while語句文法：
do{
//當條件運算式語句為true，下面這些是要迴圈執行的代碼塊:
語句1;
語句2;
語句3；
}while（條件運算式語句）
代碼從上到下執行的過程中，如果遇到了do就會先執行一次do的大括弧“{}”中的代碼，執行之後再通過while來進行判斷，如果判斷通過那麼再執行一次，如果判斷不通過卻結束迴圈。
<head><title> 簡單粗暴的賬戶驗證 </title><script type="text/javascript">do{ var username = prompt("請輸入使用者名稱！"); var password = prompt("請輸入密碼！"); }while(username!="laoluo"||password!="222222") //即當使用者名稱不等於“laoluo”或者當密碼不等於“222222”時，就會再次執行do大括弧{}中的代碼，根據當前“輸入”的字元再次while判斷...只有使用者名稱和密碼都正確才停止迴圈，接著執行其他代碼。 alert(‘登入成功‘);</script></head><body></body>
即當使用者名稱不等於“laoluo”或者當密碼不等於“222222”時，就會再次執行do大括弧{}中的代碼，根據當前“輸入”的字元再次while判斷...，
只有使用者名稱和密碼都正確才停止迴圈，接著才執行其他代碼： “alert(‘登入成功‘);”
：
》 》
3、For迴圈語句
for語句通常由兩部分組成：一部分為條件控制部分，另一部分是迴圈部分。
For迴圈語句文法：
//聲明 //boolean判斷
for(初始條件；判斷條件；迴圈後條件值更新){執行語句塊}
案例：
<script type="text/javascript">
//當代嗎從上到下執行到for的時候，代碼會聲明變數y並賦值1，會進行判斷var y = 1分號後面的判斷，判斷y是否小於6，執行下面的迴圈代碼，
當下面的代碼執行完成之後，再回過來執行y++。這樣就完成了一次迴圈，進行第二次迴圈，就不用再次聲明y,只需要判斷y是否小於6就行了，
如果滿足，執行下面的代碼，再回來y++。
for(var y=1;y<6;y++)
{
document.write("<p style=‘font-size:"+y+"0px‘>我最敬重的人是威哥！</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語句只能用在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” 對話方塊
在訪問網站的時候，有時會突然彈出一個小視窗，上面寫著一段提示資訊文字。如果你不點擊“確定”，就不能對網頁做任何操作，這個小視窗就是使用 alert實現的。
“alert”對話方塊只用於提醒，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：
該訊息對話方塊，通常用於允許使用者做選擇的動作，彈出此對話方塊裡包含一個確定按鈕和一個取消按鈕。
案例：
<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); }
else } </script> <p>要求使用者輸入，然後給個結果</p> <p> <input type="submit" name="Submit3" value="提交" onclick="prom()" /> </p> <p>一個帶輸入的對話方塊，可以返回使用者填入的字串</p> </body>
：點“提交”
以上的內容部分來自“javascript從零開始學”和個人學習筆記，轉載請註明出處！謝謝合作！
（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
