javascript語法基礎.ppt

《javascript語法基礎.ppt》由會員分享，可在線閱讀，更多相關《javascript語法基礎.ppt（26頁珍藏版）》請在裝配圖網(wǎng)上搜索。

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