javascript語(yǔ)法基礎(chǔ).ppt

《javascript語(yǔ)法基礎(chǔ).ppt》由會(huì)員分享，可在線閱讀，更多相關(guān)《javascript語(yǔ)法基礎(chǔ).ppt（26頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

JavaScript語(yǔ)法基礎(chǔ) 運(yùn)算符 算術(shù)運(yùn)算符 1 實(shí)現(xiàn)步驟 1 使用DreamWeaver或者FrontPage設(shè)計(jì)頁(yè)面2 指定各個(gè)文本框的名稱(chēng)3 切換為代碼視圖 編寫(xiě)腳本代碼4 瀏覽并調(diào)試 算術(shù)運(yùn)算符 2 functioncal varnum document calform num value varprice document calform price value vartotal parseFloat num parseFloat price document calform totalprice value total 計(jì)算總價(jià)并顯示 添加單擊事件 單擊按鈕時(shí)調(diào)用 cal 函數(shù) 獲取表單中輸入的數(shù)據(jù) document 表單名 表單元素名 value 定義calcu 計(jì)算函數(shù) 實(shí)現(xiàn)兩個(gè)數(shù)相乘的功能 定義函數(shù)的語(yǔ)法 function函數(shù)名 參數(shù)列表 JavaScript語(yǔ)句 比較運(yùn)算符 比較運(yùn)算符2 1 比較運(yùn)算符 functioncal varnum document calform num value varprice document calform price value vartotal parseFloat num parseFloat price document calform totalprice value total if total 200 alert 你可以參加抽獎(jiǎng) 其他代碼略 同上例 購(gòu)買(mǎi)總價(jià)超過(guò)200 可以參加抽獎(jiǎng) 運(yùn)算符 邏輯運(yùn)算符 邏輯運(yùn)算符 functioncal varnum document calform num value varprice document calform price value vartotal parseFloat num parseFloat price document calform totalprice value total if total 100 其他代碼略 同上例 100 200之間 贈(zèng)送價(jià)值20元的大禮包 200 500之間 贈(zèng)送價(jià)值50元的大禮包 if語(yǔ)句2 1 條件語(yǔ)句用于測(cè)試條件 if 條件 JavaScript代碼 語(yǔ)法 如果要執(zhí)行多個(gè)語(yǔ)句 必須將這些語(yǔ)句放在一對(duì)大括號(hào) 內(nèi) 但如果只要執(zhí)行一個(gè)語(yǔ)句 則可以省略大括號(hào) If語(yǔ)句2 2 functioncal varnum document calform num value varprice document calform price value if num 其他代碼略 同上例 如果輸入框中的數(shù)據(jù)用戶(hù)漏填了 出現(xiàn)NaN的bug為什么呢 ifelse語(yǔ)句2 1 if 條件 JavaScript代碼 else JavaScript代碼 語(yǔ)法 If else語(yǔ)句2 2 functioncal varnum document calform num value varprice document calform price value if num 其他代碼略 同上例 提示沒(méi)有填寫(xiě)購(gòu)買(mǎi)數(shù)量或者價(jià)格 嵌套if語(yǔ)句2 1 if 條件1 if 條件2 JavaScript代碼 語(yǔ)法 嵌套If語(yǔ)句2 2 functioncal varnum document calform num value varprice document calform price value if num 其他代碼略 同上例 價(jià)格無(wú)意中輸入負(fù)數(shù) 出現(xiàn)bug怎么辦 switch語(yǔ)句2 1 15 switch 表達(dá)式 case常量1 JavaScript語(yǔ)句 break case常量2 JavaScript語(yǔ)句 break default JavaScript語(yǔ)句 語(yǔ)法 switch語(yǔ)句2 2 16 functioncal varnum document calform num value varprice document calform price value vargrade varpay document calform pay value switch parseInt pay case1 grade 0 9 break case2 grade 0 8 break default grade 1 break vartotal parseFloat num parseFloat price grade document calform totalprice value total alert 您享受了 grade 10 折優(yōu)惠 招行支付 打9折現(xiàn)金支付 打8折其他 打10折 不打折 循環(huán) for循環(huán)do whilewhile for循環(huán)例 vari for i 0 i 10 i 語(yǔ)句 FOR循環(huán) For循環(huán)演示document write 打印金字塔直線 for vari 0 i FOR循環(huán) 如何實(shí)現(xiàn) 當(dāng)i 5時(shí) while循環(huán)while 循環(huán)條件 語(yǔ)句 do while循環(huán)do 語(yǔ)句 while 循環(huán)條件 WHILE和DO WHILE循環(huán) 先執(zhí)行 后判斷循環(huán)條件 myfont font size 150 color c99c96 font family Webdings 產(chǎn)生埃及圖像的特殊字體 document write 每個(gè)字符都對(duì)應(yīng)一個(gè)漂亮的埃及圖像 do varc prompt 輸入一個(gè)字符 輸入N或n停止 A document write c while c N WHILE和DO WHILE循環(huán) 輸入一個(gè)字符 直到N停止 用哪個(gè)循環(huán) JAVASCRIPT函數(shù) 內(nèi)置函數(shù)eval函數(shù) 用于計(jì)算字符串表達(dá)式的值isNaN函數(shù) 用于驗(yàn)證參數(shù)是否為NaN 非數(shù)字 varstr1 prompt 輸入一個(gè)表達(dá)式 我給您計(jì)算 1 1 varresult eval str1 document write str1 result varx prompt 輸入一些數(shù)據(jù) 0 if isNaN x alert x 不是一個(gè)數(shù)字 elsealert x 是一個(gè)數(shù)字 自定義函數(shù) 定義函數(shù) function函數(shù)名 參數(shù)1 參數(shù)2 語(yǔ)句 調(diào)用函數(shù) 函數(shù)調(diào)用一般和表單元素的事件一起使用 調(diào)用格式為 事件名 函數(shù)名 functionsum one two varresult one two returnresult 表示單擊此按鈕時(shí) 調(diào)用函數(shù)sum 執(zhí)行 函數(shù)的應(yīng)用 num1 num2 result 定義函數(shù) 定義函數(shù)compute 完成計(jì)算的功能 op參數(shù)代表運(yùn)算符號(hào) 調(diào)用函數(shù) 第一個(gè)數(shù)第二個(gè)數(shù)計(jì)算結(jié)果