項目1搭建智慧公寓網(wǎng)站首頁任務1-3使用流程控制與數(shù)組實現(xiàn)自動輪播的Banner圖1HTML5的優(yōu)勢

解決了跨瀏覽器的問題

新增多個新特性

（語義化標簽、多媒體標簽、canvas元素、本地存儲等）

用戶優(yōu)先原則

化繁為簡的優(yōu)勢任務效果

HTML5的優(yōu)勢

解決了跨瀏覽器的問題

新增多個新特性

（語義化標簽、多媒體標簽、canvas元素、本地存儲等）

用戶優(yōu)先原則

化繁為簡的優(yōu)勢知識儲備流程控制：選擇結構與循環(huán)結構數(shù)組基礎：定義與訪問數(shù)組、數(shù)組的基本操作HTML5的優(yōu)勢

解決了跨瀏覽器的問題

新增多個新特性

（語義化標簽、多媒體標簽、canvas元素、本地存儲等）

用戶優(yōu)先原則

化繁為簡的優(yōu)勢1.3.1流程控制流程控制語句主要可以分為三類，即順序結構、選擇結構和循環(huán)結構。1.選擇結構：if語句、if…else語句、if…elseif…else語句和switch語句4類。（1）if語句if(條件表達式){代碼塊1;}代碼塊2;HTML5的優(yōu)勢

解決了跨瀏覽器的問題

新增多個新特性

（語義化標簽、多媒體標簽、canvas元素、本地存儲等）

用戶優(yōu)先原則

化繁為簡的優(yōu)勢1.3.1流程控制（2）if...else語句if(條件表達式){代碼塊1;}else{代碼塊2;}（3）if…elseif…else語句if(條件表達式1){代碼段1}elseif(條件表達式2){代碼段2}...elseif(條件表達式n){代碼段n}else{代碼段n+1}HTML5的優(yōu)勢

解決了跨瀏覽器的問題

新增多個新特性

（語義化標簽、多媒體標簽、canvas元素、本地存儲等）

用戶優(yōu)先原則

化繁為簡的優(yōu)勢1.3.1流程控制（4）switch語句switch(表達式){case值1:代碼段1;break;case值2代碼段2;break;...default:代碼段n;}使用switch語句判斷變量day的值并執(zhí)行相應的輸出語句。以星期一為例，當day的值為“Monday”時，則輸出“今天是星期一”。若沒有與day變量的值相等的case值，則輸出“無效信息”。HTML5的優(yōu)勢

解決了跨瀏覽器的問題

新增多個新特性

（語義化標簽、多媒體標簽、canvas元素、本地存儲等）

用戶優(yōu)先原則

化繁為簡的優(yōu)勢1.3.1流程控制2.循環(huán)結構：for語句、while語句。（1）for語句for(初始化變量;條件表達式;操作表達式){循環(huán)體}【例1-28】使用for語句循環(huán)打印數(shù)字1到10。HTML5的優(yōu)勢

解決了跨瀏覽器的問題

新增多個新特性

（語義化標簽、多媒體標簽、canvas元素、本地存儲等）

用戶優(yōu)先原則

化繁為簡的優(yōu)勢1.3.1流程控制2.循環(huán)結構（2）while語句while(條件表達式){循環(huán)體}使用while語句重構循環(huán)打印數(shù)字1到10。leti=1;while(i<=10){document.write(i);if(i<10){document.write("、");}i++;}//輸出結果：1、2、3、4、5、6、7、8、9、10HTML5的優(yōu)勢

解決了跨瀏覽器的問題

新增多個新特性

（語義化標簽、多媒體標簽、canvas元素、本地存儲等）

用戶優(yōu)先原則

化繁為簡的優(yōu)勢1.3.1流程控制2.循環(huán)結構（3）跳轉語句循環(huán)語句一般會根據(jù)設置好的循環(huán)終止條件停止執(zhí)行，在循環(huán)執(zhí)行過程中，若需要跳出本次循環(huán)或跳出整個循環(huán)，就需要用到跳轉語句。常用的跳轉語句有continue和break語句。break語句用于立即退出包含它的最內層循環(huán)或標簽語句。在for或while語句中，如果遇到break語句，循環(huán)會立即終止，程序會繼續(xù)執(zhí)行緊接在循環(huán)之后的代碼。continue語句用于跳過當前循環(huán)的剩余部分，并開始下一次迭代。在for或while語句中，如果遇到continue語句，當前循環(huán)的剩余部分將不會被執(zhí)行，并且會立即開始下一次循環(huán)迭代。HTML5的優(yōu)勢

解決了跨瀏覽器的問題

新增多個新特性

（語義化標簽、多媒體標簽、canvas元素、本地存儲等）

用戶優(yōu)先原則

化繁為簡的優(yōu)勢1.3.2數(shù)組基礎數(shù)組是一種線性數(shù)據(jù)結構，用于存儲一系列相同類型的元素。1.定義與訪問數(shù)組（1）newArray()方式vararr1=newArray();vararr2=newArray(2);//包含2個空元素的數(shù)組vararr3=newArray('今天','明天');//含有2個元素（2）數(shù)組字面量方式varempty=[];//[]相當于newArray()vararr4=['讀書','運動','畫畫'];//含有3個元素HTML5的優(yōu)勢

解決了跨瀏覽器的問題

新增多個新特性

（語義化標簽、多媒體標簽、canvas元素、本地存儲等）

用戶優(yōu)先原則

化繁為簡的優(yōu)勢1.3.2數(shù)組基礎1.定義與訪問數(shù)組（3）訪問數(shù)組vararr=['A','B',22.48,true];console.log(arr);//訪問并輸出整個數(shù)組console.log(arr[0]);//訪問并輸出數(shù)組中第1個元素console.log(arr[2]);//訪問并輸出數(shù)組中第3個元素HTML5的優(yōu)勢

解決了跨瀏覽器的問題

新增多個新特性

（語義化標簽、多媒體標簽、canvas元素、本地存儲等）

用戶優(yōu)先原則

化繁為簡的優(yōu)勢1.3.2數(shù)組基礎2.數(shù)組基本操作:獲取數(shù)組長度、添加數(shù)組元素、刪除數(shù)組元素、遍歷數(shù)組。（1）獲取數(shù)組長度vararr1=[78,88,98];console.log(arr1.length);//輸出結果：3（2）添加數(shù)組元素vararray=[1,2,7];array.push(4);array.unshift(0);array[5]=8;//該方式也可用于修改數(shù)組元素值console.log(array);//輸出結果：[0、1、2、7、4、8]HTML5的優(yōu)勢

解決了跨瀏覽器的問題

新增多個新特性

（語義化標簽、多媒體標簽、canvas元素、本地存儲等）

用戶優(yōu)先原則

化繁為簡的優(yōu)勢1.3.2數(shù)組基礎2.數(shù)組基本操作（3）刪除數(shù)組元素array.pop()array.shift();array.splice(startIndex,deleteCount,item);使用pop方法刪除數(shù)組末尾的元素，使用shift方法刪除數(shù)組開頭的元素，使用splice方法刪除任意位置的元素（4）遍歷數(shù)組forEach方