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

javascript

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

發(fā)布時間：2024/1/17 javascript 25 豆豆

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

一、循環(huán)控制語句

? ? ? ?循環(huán)語句主要就是在滿足條件的情況下反復(fù)執(zhí)行某一個操作，循環(huán)控制語句主要包括while語句、do...while語句?和for語句。

?1、While語句

語法：

While（條件表達式語句） { 執(zhí)行語句塊 }

當“條件表達式語句”的返回值為true時，則執(zhí)行大括號“{ }”中的語句塊，當執(zhí)行完大括號“{ }”的語句塊后，再次檢測條件表達式的返回值，如果返回值還為true，則重復(fù)執(zhí)行大括號“{ }”中的語句塊，直到返回值為false時，結(jié)束整個循環(huán)過程，接著往下執(zhí)行while代碼段后面的程序代碼。

案例：進入網(wǎng)頁時提示五次“請叫我五聲威哥”

<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條件不滿足，就不再執(zhí)行此while里的代碼，所以這個循環(huán)被終止。接下來繼續(xù)往下執(zhí)行其他代碼。*/</script>

效果圖：

》》》》》》

2、do...while語句：

是先執(zhí)行一遍大括號中的語句，才檢測條件表達式語句的值是真是假。

do...while語句語法：
do{

//當條件表達式語句為true，下面這些是要循環(huán)執(zhí)行的代碼塊: 語句1;
語句2;
語句3；
}while（條件表達式語句）

代碼從上到下執(zhí)行的過程中，如果遇到了do就會先執(zhí)行一次do的大括號“{}”中的代碼，執(zhí)行之后再通過while來進行判斷，如果判斷通過那么再執(zhí)行一次，如果判斷不通過卻結(jié)束循環(huán)。

<head> <title> 簡單粗暴的賬戶驗證 </title> <script type="text/javascript"> do{var username = prompt("請輸入用戶名！");var password = prompt("請輸入密碼！");}while(username!="laoluo"||password!="222222") //即當用戶名不等于“l(fā)aoluo”或者當密碼不等于“222222”時，就會再次執(zhí)行do大括號{}中的代碼，根據(jù)當前“輸入”的字符再次while判斷...只有用戶名和密碼都正確才停止循環(huán)，接著執(zhí)行其他代碼。alert('登錄成功'); </script> </head> <body></body>

即當用戶名不等于“l(fā)aoluo”或者當密碼不等于“222222”時，就會再次執(zhí)行do大括號{}中的代碼，根據(jù)當前“輸入”的字符再次while判斷...，
只有用戶名和密碼都正確才停止循環(huán)，接著才執(zhí)行其他代碼： “alert('登錄成功');”

效果圖：

?》?》

3、For循環(huán)語句

for語句通常由兩部分組成：一部分為條件控制部分，另一部分是循環(huán)部分。

For循環(huán)語句語法：

//聲明 //boolean判斷
for(初始條件；判斷條件；循環(huán)后條件值更新) { 執(zhí)行語句塊 }

案例：

效果圖：

二、跳轉(zhuǎn)語句

? ? ? Javascript支持的跳轉(zhuǎn)語句主要是continue語句和break語句。

1、break 語句：

用于跳出循環(huán)（徹底結(jié)束循環(huán)），break語句的作用是立即跳出循環(huán)，即不再執(zhí)行后面的所有循環(huán)。

語法格式： break ;

用途案例：

<body><p>點擊按鈕，測試帶有 break 語句的循環(huán)。</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語句類似，區(qū)別在于，continue語句的作用是停止正在執(zhí)行的循環(huán)，直接進入下一次循環(huán)。彈出的對話框(包括一個確定按鈕和一個取消按鈕)。

Continue語句只能用在while、for、do...while、switch語句當中。

案例：

<body> <p>點擊下面的按鈕來執(zhí)行循環(huán)，該循環(huán)會跳過 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中有三種樣式的對話框，可分別用作提示、確定和輸入，對應(yīng)三個函數(shù)：alert、confirm、prompt。

（1）“alert” 對話框

?在訪問網(wǎng)站的時候，有時會突然彈出一個小窗口，上面寫著一段提示信息文字。如果你不點擊“確定”，就不能對網(wǎng)頁做任何操作，這個小窗口就是使用 ?alert實現(xiàn)的。

“alert”對話框只用于提醒，alert彈出消息對話框（包含一個確定按鈕)，但對腳本不會產(chǎn)生任何變化。它只有一個參數(shù)，即為需要提示的信息，沒有返回值。

?案例：

<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>只是提醒，不能對腳本產(chǎn)生任何變化；</p></body>

效果圖：

（2）Confirm：

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

?案例：

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

效果圖：

?（3）Prompt：

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

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

?案例：

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

效果圖：點“提交”

以上的內(nèi)容部分來自“javascript從零開始學(xué)”和個人學(xué)習(xí)筆記，轉(zhuǎn)載請注明出處！謝謝合作！

轉(zhuǎn)載于:https://www.cnblogs.com/wenJiaQi/p/7203995.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

上一篇： Eclipse中手动清理项目缓存，
下一篇： Spring Data 分页和排序 Pa