CSS JavaScript 標(biāo)準(zhǔn)教程實(shí)例版(第2版)).ppt

1、實(shí)例版,第17章 JavaScript基本語(yǔ)法,17.1 基本數(shù)據(jù)類型 17.2 運(yùn)算符 17.3 程序結(jié)構(gòu) 17.4 函數(shù) 17.5 小實(shí)例修改密碼 17.6 習(xí)題,17.1 基本數(shù)據(jù)類型,數(shù)值 字符 布爾 空值,17.2 運(yùn)算符,17.2.1 算術(shù)運(yùn)算符 17.2.2 邏輯運(yùn)算符 17.2.3 比較運(yùn)算符,17.2.1 算術(shù)運(yùn)算符,表17-1 具體算術(shù)運(yùn)算符,17.2.1 算術(shù)運(yùn)算符,實(shí)例代碼,17.2.1 算術(shù)運(yùn)算符,接上頁(yè),17.2.1 算術(shù)運(yùn)算符,網(wǎng)頁(yè)效果,17.2.2 邏輯運(yùn)算符,表17-2 具體運(yùn)算符,17.2.2 邏輯運(yùn)算符,實(shí)例代碼,17.2.2 邏輯運(yùn)算符,接上頁(yè),17.2

2、.3 比較運(yùn)算符,表17-3 具體運(yùn)算符,17.2.3 比較運(yùn)算符,實(shí)例代碼,17.2.3 比較運(yùn)算符,接上頁(yè),17.2.3 比較運(yùn)算符,網(wǎng)頁(yè)效果,17.3 程序結(jié)構(gòu),17.3.1 If語(yǔ)句 17.3.2 For語(yǔ)句 17.3.3 Switch語(yǔ)句 17.3.4 While與DoWhile,17.3.1 If語(yǔ)句,基本語(yǔ)法,if 條件 或者 if 條件 Else 條件 ,17.3.1 If語(yǔ)句,語(yǔ)法說明,If語(yǔ)句后面的條件可以是表達(dá)式也可以是一個(gè)其他值，但條件返回的結(jié)果的數(shù)據(jù)類型只能是布爾型，要么為真，要么為假。,17.3.1 If語(yǔ)句,實(shí)例代碼,17.3.1 If語(yǔ)句,接上頁(yè),17.3.1

3、If語(yǔ)句,網(wǎng)頁(yè)效果,17.3.2 For語(yǔ)句,基本語(yǔ)法,for (初始化值;條件;求新值) ,17.3.2 For語(yǔ)句,語(yǔ)法說明,For后面的條件一個(gè)都不能省略，同時(shí)初始化值、條件、求新值三者之間必須使用分號(hào)（；）隔開。只有當(dāng)For語(yǔ)句中的條件部分為真時(shí)，才執(zhí)行后面的程序部分，否則不執(zhí)行。,17.3.2 For語(yǔ)句,實(shí)例代碼,17.3.2 For語(yǔ)句,網(wǎng)頁(yè)效果,17.3.3 Switch語(yǔ)句,基本語(yǔ)法,switch() Case1: 語(yǔ)句1； Case2：語(yǔ)句2 Case3: 語(yǔ)句3 Default: 語(yǔ)句 ,17.3.3 Switch語(yǔ)句,語(yǔ)法說明,使用Switch語(yǔ)句時(shí)，必須賦初始條件，程

4、序?qū)⒏鶕?jù)給出的初始條件，在Switch語(yǔ)句中進(jìn)行判斷，如果Case條件符合初始條件，則執(zhí)行該Case后面的語(yǔ)句，否則向下繼續(xù)判斷，繼續(xù)執(zhí)行。,17.3.3 Switch語(yǔ)句,實(shí)例代碼,17.3.3 Switch語(yǔ)句,接上頁(yè),17.3.3 Switch語(yǔ)句,接上頁(yè),17.3.3 Switch語(yǔ)句,網(wǎng)頁(yè)效果,17.3.4 While與DoWhile,基本語(yǔ)法,While 語(yǔ)法：While（） 程序段 Do .While 語(yǔ)法：Do 程序段 While（）,17.3.4 While與DoWhile,語(yǔ)法說明,While與DoWhile都是用于循環(huán)結(jié)構(gòu)的，但兩者的明顯區(qū)別是：前者必須在滿足條件的情況下

5、才執(zhí)行該條件下的程序段，后者是不管條件是否滿足While語(yǔ)句后面的條件，都至少會(huì)執(zhí)行一次。,17.3.4 While與DoWhile,實(shí)例代碼,17.3.4 While與DoWhile,網(wǎng)頁(yè)效果,17.3.4 While與DoWhile,實(shí)例代碼,17.3.4 While與DoWhile,網(wǎng)頁(yè)效果,17.4 函數(shù)1有參函數(shù),基本語(yǔ)法,“Function 函數(shù)名（參數(shù)1 參數(shù)2參數(shù)n）”,17.4 函數(shù)1有參函數(shù),語(yǔ)法說明,前面講解程序結(jié)構(gòu)時(shí)，例子中已經(jīng)使用到了函數(shù)，定義的Function rec(form),這是一個(gè)帶有參數(shù)的函數(shù)。通過單擊“面積”按鈕，調(diào)用函數(shù)rec(form).,17.4 函數(shù)1有參函數(shù),實(shí)例代碼,17.4 函數(shù)1有參函數(shù),接上頁(yè),17.4 函數(shù)1有參函數(shù),網(wǎng)頁(yè)效果,17.4 函數(shù)2無(wú)參函數(shù),基本語(yǔ)法,“Function 函數(shù)名（）”,17.4 函數(shù)1無(wú)參函數(shù),語(yǔ)法說明,在JavaScript中，還可以通過調(diào)用一些無(wú)參函數(shù)來實(shí)現(xiàn)一些功能。函數(shù)名后面的括號(hào)中無(wú)參數(shù)，稱該函數(shù)為無(wú)參函數(shù)。,17.4 函數(shù)1無(wú)參函數(shù),實(shí)例代碼,17.4 函數(shù)1無(wú)參函數(shù),網(wǎng)頁(yè)效