javascript开发教程.ppt

JavaScript Core Language 靜宜大學資訊管理學系 蔡奇偉 副教授 內容大綱 簡介 資料型態與變數 運算元與運算式 敘述 函式 物件 陣列物件 字串物件 Date 物件 JavaScript 的簡介 JavaScript 是 Netscape 設計用來撰寫跨平台 client/server 架構程式的一套電腦語言。 JavaScript 是一套 object-based 的直譯式語言。 JavaScript 的用途： Sever 端：ASP、存取伺服器上的資料庫等 Client 端：DHTML、Form 資料的驗証等 JavaScript 的版本 JavaScript (Netscape 2.0) JavaScript 1.1 (Netscape 3.0) JavaScript 1.2 (Netscape 4.0) JavaScript 1.3 (Netscape 4.06) Jscript (IE 3.0 或以上) ECMA-262 標準的 JavaScript JavaScript is not Java 在網頁中加入 JavaScript 一、使用 SCRIPT 標籤加入程式碼 SCRIPT 標籤 使用 SRC 屬性加入外部程式碼 二、用JavaScript 運算式來設定元件的屬性值 註解行（comments） 單行的註解可用雙斜線 (//)，如： // 這是一行註解 var interval; // 控制動畫時間 多行的註解可用 /* 和 */ 括起來，如： /* * 驗証表單的函式 */ function validate_form (…) 資料型態 常值（literals） 在字串中使用字元碼 Latin-1 encoding \ooo: the character specified by up to three octal digits ooo between 0 and 377. \xXX: the character specified by the two hexadecimal digits XX between 00 and FF. Unicode \uXXXX: the Unicode character specified by the four hexadecimal digits XXXX. For example, \u00A9 is the Unicode sequence for ? (the copyright symbol). 陣列常值 變數 變數的命名規則 全域變數與區域變數 變數的資料型態 資料型態的轉換 運算式與運算子 運算子 指定運算子 比較運算子 算術運算子 位元運算子 邏輯運算子 字串運算子 特殊運算子 指定運算子 比較運算子 算術運算子 位元運算子 邏輯運算子 懶惰的邏輯式運算 字串運算子 字串連結運算子 (+) 譬如： newStr = I love ” + “JavaScript; // newStr 的值變成 I love JavaScript 字串附加運算子 (+=) 譬如： newStr = I hate ; newStr += JavaScript; // newStr 的值變成 I hate JavaScript 字串比較運算子：, =, ==, =, 按照ASCII字碼序由左至右比較字元的大小，譬如： one two 而 seven “eight 特殊的運算子 條件運算式: (條件式) ? 真值式 : 假值式 譬如： x = (4 3)? 4 : 3; // x = 4 x = (4 3)? 4 : 3; // x = 3 comma 運算式 敘述 條件敘述 迴圈敘述 物件敘述 條件敘述 if 敘述 if…else 敘述 switch 敘述 if 敘述 switch 敘述 迴圈敘述 for 敘述 while 敘述 do..while 敘述 label break 敘述 continue 敘述 for 敘述 for ([initialExpr]; [condition]; [incrementExpr] ) { statement } while 敘述 do…while 敘述 do { statement } while (condition) label break 敘述 continue 敘述 函式 宣告函式 函式的呼叫 參數的傳遞 內建的函式 函式的宣告 函式的呼叫 參數的傳遞 arguments 陣列 內建的函式 eval isFinite isNaN parseInt and parseFloat Number and String escape and unescape eval isFinite