CSS JavaScript 標準教程實例版(第2版)).ppt

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

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

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

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

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