第22講靜態(tài)網站項目設計與開發(fā)_第1頁
第22講靜態(tài)網站項目設計與開發(fā)_第2頁
第22講靜態(tài)網站項目設計與開發(fā)_第3頁
第22講靜態(tài)網站項目設計與開發(fā)_第4頁
第22講靜態(tài)網站項目設計與開發(fā)_第5頁
已閱讀5頁，還剩17頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

靜態(tài)網站項目設計與開發(fā)授課老師：何王科導入課程首先說一下我們這節(jié)課的知識點JavaScriptIf...Else語句JavaScriptSwitch語句JavaScriptFor循環(huán)JavaScriptWhile循環(huán)JavaScriptBreak和Continue語句If...Else語句條件語句用于基于不同的條件來執(zhí)行不同的動作。條件語句通常在寫代碼時，您總是需要為不同的決定來執(zhí)行不同的動作。您可以在代碼中使用條件語句來完成該任務。在JavaScript中，我們可使用以下條件語句：if語句

-只有當指定條件為true時，使用該語句來執(zhí)行代碼if...else語句

-當條件為true時執(zhí)行代碼，當條件為false時執(zhí)行其他代碼if...elseif....else語句

-使用該語句來選擇多個代碼塊之一來執(zhí)行switch語句

-使用該語句來選擇多個代碼塊之一來執(zhí)行If語句只有當指定條件為true時，該語句才會執(zhí)行代碼。語法if(條件){只有當條件為true時執(zhí)行的代碼

}注意：請使用小寫的if。使用大寫字母（IF）會生成JavaScript錯誤！If語句當時間小于20:00時，生成一個“Goodday”問候：if(time<20){x="Goodday";}If...else語句使用if....else語句在條件為true時執(zhí)行代碼，在條件為false時執(zhí)行其他代碼。語法if(條件){當條件為true時執(zhí)行的代碼}else{當條件不為true時執(zhí)行的代碼

}If...else語句當時間小于20:00時，將得到問候"Goodday"，否則將得到問候"Goodevening"。if(time<20){x="Goodday";}else{x="Goodevening";}If...elseif...else語句使用if....elseif...else語句來選擇多個代碼塊之一來執(zhí)行。語法if(條件1){當條件1為true時執(zhí)行的代碼

}elseif(條件2){當條件2為true時執(zhí)行的代碼

}else{當條件1和條件2都不為true時執(zhí)行的代碼

}If...elseif...else語句如果時間小于10:00，則將發(fā)送問候"Goodmorning"，否則如果時間小于20:00，則發(fā)送問候"Goodday"，否則發(fā)送問候"Goodevening"：if(time<10){x="Goodmorning";}elseif(time<20){x="Goodday";}else{x="Goodevening";}Switch語句switch語句用于基于不同的條件來執(zhí)行不同的動作。語法switch(n){case1:執(zhí)行代碼塊1break;case2:執(zhí)行代碼塊2break;default:n與case1和case2不同時執(zhí)行的代碼

}Switch語句顯示今日的周名稱。請注意Sunday=0,Monday=1,Tuesday=2,等等：varday=newDate().getDay();switch(day){case0:x="Todayit'sSunday";break;case1:x="Todayit'sMonday";break;case2:x="Todayit'sTuesday";break;case3:x="Todayit'sWednesday";break;case4:x="Todayit'sThursday";break;case5:x="Todayit'sFriday";break;case6:x="Todayit'sSaturday";break;}default關鍵詞請使用default關鍵詞來規(guī)定匹配不存在時做的事情：實例如果今天不是周六或周日，則會輸出默認的消息：varday=newDate().getDay();switch(day){case6:x="Todayit'sSaturday";break;case0:x="Todayit'sSunday";break;default:x="LookingforwardtotheWeekend";}For循環(huán)<body><script>cars=["BMW","Volvo","Saab","Ford"];for(vari=0;i<cars.length;i++){document.write(cars[i]+"<br>");}</script></body>While循環(huán)只要指定條件為true，循環(huán)就可以一直執(zhí)行代碼。語法while(條件){需要執(zhí)行的代碼}While循環(huán)<body><p>點擊下面的按鈕，只要i小于5就一直循環(huán)代碼塊。</p><buttononclick="myFunction()">點擊這里</button><pid="demo"></p><script>functionmyFunction(){varx="",i=0;while(i<5){x=x+"Thenumberis"+i+"<br>";i++;}document.getElementById("demo").innerHTML=x;}</script></body>do/while循環(huán)do/while循環(huán)是while循環(huán)的變體。該循環(huán)會執(zhí)行一次代碼塊，在檢查條件是否為真之前，然后如果條件為真的話，就會重復這個循環(huán)。語法do{

需要執(zhí)行的代碼}while(條件);do/while循環(huán)<body><p>點擊下面的按鈕，只要i小于5就一直循環(huán)代碼塊。</p><buttononclick="myFunction()">點擊這里</button><pid="demo"></p><script>functionmyFunction(){varx="",i=0;do{x=x+"Thenumberis"+i+"<br>";i++;}while(i<5)document.getElementById("demo").innerHTML=x;}</script></body>Break和Continue語句break語句用于跳出循環(huán)。continue用于跳過循環(huán)中的一個迭代。Break語句break語句可用于跳出循環(huán)。break語句跳出循環(huán)后，會繼續(xù)執(zhí)行該循環(huán)之后的代碼（如果有的話）：<body><p>點擊按鈕，測試帶有break語句的循環(huán)。</p><buttononclick="myFunction()">點擊這里</button><pid="demo"></p><script>functionmyFunction(){varx="",i=0;for(i=0;i<10;i++){if(i==3){break;}x=x+"Thenumberis"+i+"<br>";}document.getElementById("demo").innerHTML=x;}</script></body>Continue語句continue語句中斷循環(huán)中的迭代，如果出現了指定的條件，然后繼續(xù)循環(huán)中的下一個迭代。該例子跳過了值3：Continue語句<body><p>點擊下面的按鈕來執(zhí)行循環(huán)，該循環(huán)會跳過i=3的步進。</p><buttononclick="myFunction()">點擊這里</button><pid="demo"></p><script>functio

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論