javascript1JavaScript語法基礎.ppt

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

JavaScript語法基礎 2 目標 理解什么是JavaScript理解JavaScript的語法基礎 3 什么是JavaScript JavaScript是一種基于對象的腳本語言 用于開發(fā)基于客戶端和基于服務器的Internet應用程序可用于創(chuàng)建客戶端腳本和服務器端腳本由SunMicrosystems和Netscape開發(fā) 是從Netscapes的Livescript發(fā)展而來的Microsoft公司的IE也開始支持JavaScript 開發(fā)自己的JavaScript 稱為JScript 目前流行的瀏覽器都支持JavaScript 4 JavaScript的作用和基本語法規(guī)則 使用JavaScript的各種功能 可以增強站點的動態(tài)性和交互性 提供用戶交互動態(tài)更改內(nèi)容驗證數(shù)據(jù)與其他任何語言一樣 JavaScript也遵循一些基本的語法規(guī)則 如 區(qū)分大小寫使用成對的符號使用空格使用注釋 單行注釋 第一行注釋內(nèi)容第二行注釋內(nèi)容 5 JavaScript工具和運行時環(huán)境 JavaScript代碼生成工具和IDE有助于創(chuàng)建功能強大的JavaScript代碼 純文本編輯器 Windows中的記事本 刀耕火種 專業(yè)腳本編輯工具 1stJavaScriptEditor等運行時環(huán)境客戶端腳本編寫 Web服務器上的JavaScript 6 JavaScript作為客戶端程序嵌入網(wǎng)頁 使用Script標記使用外部文件在事件處理程序中使用JavaScript 7 使用Script標記示例 祝學有所成 Tips 放在 或 之間 8 使用外部文件示例 祝學有所成 document write 嗨 你好嗎 test js Tips JavaScript程序被多個html文件使用 為了減少代碼維護 將JavaScript程序放到一個擴展名為 js的文件中供其他html文件調(diào)用 9 在事件處理程序中使用JavaScript示例 JavaScript示例 Tips 當JavaScript程序比較簡短時 可以將語句寫在標簽的事件屬性 10 JavaScript示例ClickMe Tips 作為URL的JavaScript代碼前要增加javascript 11 使用Alert Confirm Write方法 使用窗口的Alert方法 可以生成一個對話框使用窗口的Confirm方法 可以生成一個確認對話框使用document的Write方法可以創(chuàng)建頁面內(nèi)容 12 事件處理程序 Tips 1 每條功能執(zhí)行語句的最后必須用分號 結束 一個單獨的分號 也可以表示一條語句 即空語句 英文 中文 2 作為屬性值的JavaScript腳本程序代碼的最后一條語句結尾處的分號可以省略 建議任何情況下都以分號結束 13 變量 變量是一種引用內(nèi)存位置的容器 用于保存在執(zhí)行腳本時可以更改的值變量的命令約定 變量名必須以字母或下劃線 或美元符 開頭變量名可以包含數(shù)字 但是不能以數(shù)字開頭由于JavaScript嚴格區(qū)分大小寫 所以可用的字母包括A到Z 大寫 和a到z 小寫 的字符避免定義以兩個下劃線 開頭的標識符 14 聲明變量 varnew amount varanswer null varold cost 12 50 varresult Unknownresult vara b c result true 示例 變量聲明與定義 15 變量的作用域 示例 變量的作用域 16 數(shù)據(jù)類型 在JavaScript中有四種基本的數(shù)據(jù)類型基本類型屬于弱類型 Tips 非數(shù)字特殊值NaN 它和任何數(shù)值都不相等 包括它自己 isNaN 檢測 17 在JavaScript中還有一個特殊的未定義值 用undefined來表示 表示變量沒有被賦值的狀態(tài)或者對象的某個屬性不存在 變量使用時如有以下情況則返回undefined值 使用了一個并未聲明的變量 使用已經(jīng)聲明但還沒有賦值的變量 使用了一個并不存在的對象屬性 18 null與undefined區(qū)別與聯(lián)系 null是關鍵字 undefined是一個全局變量null表示賦值給變量的是 空 值 是一個確定的值 undefined表示變量還沒有被賦值 沒有被初始化 運算符認為二者相等 如果想?yún)^(qū)分應該使用測試一致性的運算符 或typeof 示例 測定null和undefined的數(shù)據(jù)類型及是否相等 19 運算符 算術運算符比較運算符邏輯運算符字符串運算符求值運算符 20 算術運算符 21 比較運算符 示例 比較運算符相等與嚴格相等比較 22 邏輯運算符 示例 邏輯運算符 23 字符串運算符 x yellow y green z x y white 則z為yellowgreenwhitew y 9 則w為green9 示例 字符串運算符 運算符示例 24 求值運算符 通常這些運算符包括 條件運算符 condition trueVal falseValtypeof運算符typeof運算符返回字符串 該字符串代表操作數(shù)的類型 varx 5 document write typeof x status age 18 adult minor 25 表達式 表達式用于在不同上下文中操作和計算變量 表達式是任意一組有效的文字 變量和運算符 其計算結果為一個值 表達式類型算術 計算結果為一個數(shù)字邏輯 計算結果為一個布爾值字符串 計算結果為一個字符串表達式通過運算符組合變量和文字 26 數(shù)組 數(shù)組用于存儲具有相同數(shù)據(jù)類型的一組值 使用下標 索引 來區(qū)分各個值 在JavaScript中 數(shù)組的下標以零開始 JavaScript沒有明確的數(shù)組數(shù)據(jù)類型 但卻有內(nèi)置的數(shù)組對象 要在程序中使用數(shù)組 必須使用數(shù)組對象及其相關聯(lián)的方法 27 創(chuàng)建數(shù)組 語法 arrayObjectName newArray element0 element1 elementN 初始化1 將指定的值作為其元素2 使用arrayName newArray N 對象名 元素值列表 28 數(shù)組賦值 在創(chuàng)建數(shù)組時將元素的值直接賦給數(shù)組 對數(shù)組的元素賦值 29 訪問數(shù)組元素 指定元素名指定元素的索引號 emp RyanDias emp 0 30 數(shù)組對象的元素和方法 length屬性sort方法join方法reverse方法 31 多維數(shù)組 32 流程控制 順序結構選擇結構循環(huán)結構 33 流程控制 順序結構 順序結構非常簡單 所有的語句以他們出現(xiàn)的先后順序執(zhí)行 示例 順序結構 34 流程控制 選擇條件結構1 if else語句示例 if語句的使用if else求絕對值if else判斷用戶是否成年if else學生成績百分制轉(zhuǎn)等級制 if condition statements else statements2 35 流程控制 選擇條件結構2 switch switch expression casevalue1 statements break casevalue2 statements break default statements 示例 switch學生成績百分制轉(zhuǎn)等級制 36 流程控制 循環(huán)結構 Whilewhile循環(huán)語句while求1 20整數(shù)之和do whiledo while求1 6階乘Forfor求1 6階乘for數(shù)組賦值逆序輸出For infor in輸出數(shù)組for in輸出文本框?qū)傩訵ithwith操作document對象屬性Breakbreak語句使用Continuecontinue語句使用九九乘法表 while break實現(xiàn)九九乘法表while continue實現(xiàn)九九乘法表 37 函數(shù) 用戶自定義函數(shù)創(chuàng)建用戶定義的函數(shù)調(diào)用函數(shù)return語句 functionfuncName argument1 argument2 etc statements 38 函數(shù)示例 functionhello document write 你好 document write 歡迎使用hello 函數(shù) return functionsum up one two varresult one two returnresult functionsum all varloop 0 sum 0 for loop arguments length 1 loop 0 loop sum arguments loop returnsum hello vartotal sum up 7 9 document write total sum up 8 15 document write sum all 1 5 8 7 6 39 函數(shù)對象 動態(tài)函數(shù) varfunctionName newFunction arg1 arg2 expression 最后一個表達式expression決定了函數(shù)的功能 示例 函數(shù)對象的使用 40 預定義函數(shù) eval函數(shù) 將一些字符串轉(zhuǎn)換成JavaScript語句示例 eval函數(shù)使用parseInt stringtoparse n pareFloat stringtoparse 示例 parseInt parseFloat使用isNaN函數(shù)示例 isNaN使用escape和unescape函數(shù)示例 escape和unescape函數(shù)示例 41 總結 JavaScript是一種腳本語言 使用它可以創(chuàng)建客戶端腳本和服務器端腳本 可以使用不同的方法將JavaScript語句插入到HTML文檔中 JavaScript支持的基本數(shù)據(jù)類型有數(shù)字型 邏輯型或布爾型 字符串型和空型 JavaScript支持的運算符包括 算術運算符 比較運算符 邏輯運算符 字符串運算符和求值運算符 數(shù)組用于存儲具有相同數(shù)據(jù)類型的一組值變量條件語句包括 if else和分支語句switch 循環(huán)語句包括for循環(huán) do while while break continue語句 JavaScript具有一些預定義函數(shù) 也可以創(chuàng)建自定義函數(shù)