當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

javascript的程序控制结构及语句------（2）循环控制语句、跳转语句、对话框

發布時間：2024/1/17 javascript 22 豆豆

生活随笔收集整理的這篇文章主要介紹了 javascript的程序控制结构及语句------（2）循环控制语句、跳转语句、对话框小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

一、循環控制語句

? ? ? ?循環語句主要就是在滿足條件的情況下反復執行某一個操作，循環控制語句主要包括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(初始條件；判斷條件；循環后條件值更新) { 執行語句塊 }

案例：

效果圖：

二、跳轉語句

? ? ? Javascript支持的跳轉語句主要是continue語句和break語句。

1、break 語句：

用于跳出循環（徹底結束循環），break語句的作用是立即跳出循環，即不再執行后面的所有循環。

語法格式： break ;

用途案例：

<body><p>點擊按鈕，測試帶有 break 語句的循環。</p><button οnclick="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 οnclick="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="提交" οnclick="ale()"/></p><p>只是提醒，不能對腳本產生任何變化；</p></body>

效果圖：

（2）Confirm：

該消息對話框，通常用于允許用戶做選擇的動作，彈出此對話框里包含一個確定按鈕和一個取消按鈕。

?案例：

<title> comfirm提醒 </title></head><body><script type="text/javascript">function firm(){//利用對話框返回true或者falseif(confirm("你確認要轉去老羅江湖首頁？")){//如果是true，那么就把頁面轉向老羅江湖首頁location.href="http://www.cnblogs.com/KTV123/";}else{alert("不想走？那就呵呵咯！"); //按了《取消》按鈕后，系統返回false。}} </script> <p>確認對話框 </p><p><input type="submit" name="Submit2" value="提交" οnclick="firm()" /> </p><p>一般用于確認信息，返回true或者false</p></body>

效果圖：

?（3）Prompt：

通常用于詢問一些需要與用戶交互的信息，彈出的對話框的包含一個確定按鈕、取消按鈕與一個文本輸入框。

該對話框可以進行輸入，并返回用戶輸入的字符串。它有兩個參數，第一個參數顯示提示信息，第二個參數用于顯示輸入框（和默認值）。

?案例：

<title> prompt提示 </title></head><body><script type="text/javascript">function prom(){var name=prompt("請輸入您的名字","");//將輸入的內容賦給變量nameif(name==老羅江湖)//如果返回的有內容{alert("歡迎您："+name);}
else}</script><p>要求用戶輸入，然后給個結果</p><p><input type="submit" name="Submit3" value="提交" οnclick="prom()" /> </p><p>一個帶輸入的對話框，可以返回用戶填入的字符串</p></body>

效果圖：點“提交”

以上的內容部分來自“javascript從零開始學”和個人學習筆記，轉載請注明出處！謝謝合作！

轉載于:https://www.cnblogs.com/wenJiaQi/p/7203995.html

總結

以上是生活随笔為你收集整理的javascript的程序控制结构及语句------（2）循环控制语句、跳转语句、对话框的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： Eclipse中手动清理项目缓存，
下一篇： Linux 查看网卡流量【转】