Web前端技術(shù)(JavaScript+jQuery) 課件 任務(wù)7 使用玫瑰花圖片制作菱形_第1頁
Web前端技術(shù)(JavaScript+jQuery) 課件 任務(wù)7 使用玫瑰花圖片制作菱形_第2頁
Web前端技術(shù)(JavaScript+jQuery) 課件 任務(wù)7 使用玫瑰花圖片制作菱形_第3頁
Web前端技術(shù)(JavaScript+jQuery) 課件 任務(wù)7 使用玫瑰花圖片制作菱形_第4頁
Web前端技術(shù)(JavaScript+jQuery) 課件 任務(wù)7 使用玫瑰花圖片制作菱形_第5頁
已閱讀5頁,還剩11頁未讀 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

Web前端技術(shù)主講人:XXX

XXX學(xué)院任務(wù)7使用玫瑰花圖片制作菱形【知識目標(biāo)】

了解循環(huán)結(jié)構(gòu);

掌握for循環(huán)語句的語法結(jié)構(gòu)和執(zhí)行過程;

掌握while循環(huán)語句的語法結(jié)構(gòu)和執(zhí)行過程;

掌握do...while循環(huán)語句的語法結(jié)構(gòu)和執(zhí)行過程;

掌握循環(huán)嵌套的應(yīng)用;

了解continue和break關(guān)鍵字?!炯寄苣繕?biāo)】

能夠根據(jù)需求應(yīng)用for循環(huán);

能夠根據(jù)需求應(yīng)用while循環(huán);

能夠根據(jù)需求應(yīng)用do…while循環(huán);

能夠應(yīng)用循環(huán)嵌套的知識解決較復(fù)雜的問題。【素質(zhì)目標(biāo)】

培養(yǎng)學(xué)生分析問題、解決問題的能力;

激發(fā)學(xué)生的學(xué)習(xí)熱情,培養(yǎng)學(xué)生學(xué)習(xí)的積極性;

培養(yǎng)學(xué)生良好的代碼編寫規(guī)范;

培養(yǎng)學(xué)生嚴謹?shù)倪壿嬎季S。教學(xué)目標(biāo)知識導(dǎo)圖

循環(huán)語句for循環(huán)語句forfor循環(huán)語句是最常用的一種循環(huán)結(jié)構(gòu),其語法格式如下。for(初始化語句;條件表達式;步進語句){循環(huán)體}for循環(huán)語句執(zhí)行的過程如下。①初始化變量。②執(zhí)行條件表達式。③執(zhí)行循環(huán)體。④執(zhí)行步進語句。通常會結(jié)合“++”或“--”運算符使用。⑤執(zhí)行條件表達式。⑥執(zhí)行循環(huán)體。⑦重復(fù)執(zhí)行④~⑥,一直到⑤條件表達式為false終止循環(huán)。案例1:請使用for循環(huán)在頁面上輸出99朵玫瑰花。參考效果圖如下。思考:如何動態(tài)輸出指定花朵的數(shù)量呢?循環(huán)語句for案例2:請使用for循環(huán)在頁面上輸出4行5列的“*”號。參考效果圖如下?!痉治鼋Y(jié)果】(1)“*”號的總數(shù)是4*5=20個(2)當(dāng)i能被5整除時,輸出換行符i是5時換行i是10時換行********************i是15時換行i是5的倍數(shù)時,即能被5整除循環(huán)語句for

循環(huán)語句whilewhile循環(huán)會在指定條件為真時循環(huán)執(zhí)行代碼塊,while循環(huán)語句的語法格式為如下?!景咐空埵褂脀hile循環(huán)計算1+2+…+10的和,然后在頁面上輸出。循環(huán)語句while初始化語句;while(條件表達式){

循環(huán)體;

步進語句;}

循環(huán)語句do…whiledo…while循環(huán)是while循環(huán)的變體。該循環(huán)會在判斷條件是否為真之前執(zhí)行一次代碼塊,如果條件為真,就會重復(fù)執(zhí)行這個循環(huán)。語法格式為如下。【案例】請使用do…while循環(huán)輸出5只小貓,效果如下圖所示。循環(huán)語句do…while初始化語句;do{

循環(huán)體;步進語句;}while(條件表達式);

循環(huán)語句嵌套循環(huán)嵌套是指在一個循環(huán)語句的循環(huán)體中再定義一個循環(huán)語句的語法結(jié)構(gòu)。for、while、do...while語句都可以進行嵌套,并且它們之間也可以互相嵌套,如最常見的在for循環(huán)中嵌套for循環(huán)。【案例1】請使用for循環(huán)語句的嵌套輸出5行6列的“*”號。【案例2】請使用for循環(huán)語句的嵌套實現(xiàn)九九乘法表。循環(huán)語句嵌套for(初始化語句;條件表達式;步進語句){…

for(初始化語句;條件表達式;步進語句){

循環(huán)體(執(zhí)行語句) …}}continue和break關(guān)鍵字當(dāng)使用while或for循環(huán)時,如果想在不滿足結(jié)束條件的情況下提前結(jié)束循環(huán),可以使用break或continue關(guān)鍵字。continue和break關(guān)鍵字【continue關(guān)鍵字】該關(guān)鍵字用于立即跳出本次循環(huán),繼續(xù)下一次循環(huán)?!景咐吭陧撁嫔陷敵?至20之間所有偶數(shù)?!綽reak關(guān)

溫馨提示

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

評論

0/150

提交評論