第五单元网页建构和进阶有效应用.pptVIP

Chen-Yu Lee 2003 5.5 進階網頁建構 Chen-Yu Lee 2003 運算子 用於運算的符號 算數運算 = + - * / % ++ -- 關係運算 = = == != 邏輯運算 !(not) (and) |(or) ^(xor) 複合運算 += -= *= /= 位元運算 ~(補數) (左移) (右移) |  Chen-Yu Lee 2003 敘述與運算式 一般敘述 sum = 10; 運算 sum = (a+b)/c; 註解 // String… Chen-Yu Lee 2003 條件決策 根據條件的情況而有不同的處理 If else Switch case Chen-Yu Lee 2003 If else If (condition) { statement 1 } else { statement 2 } Chen-Yu Lee 2003 If else script function UsageOfIF() { a = prompt(“請輸入分數：”, 60); if (a60) alert(“過了！”); else alert(“’當了”); } Chen-Yu Lee 2003 Switch case switch (variable) { Case (value1) ; statement; break; Case (value2) ; statement; break; Case (value3) ; statement; break; Default ; statement; break; } Chen-Yu Lee 2003 Switch case today = new Date();// 取得「今天」的物件 day = today.getDay(); // 取得今天是星期幾 switch (day) { case 0:document.write(星期天); break; case 1:document.write(星期一); break; case 2:document.write(“星期二); break; default: document.write(“其他天); break; } Chen-Yu Lee 2003 迴圈 重複以相同的(或可預知的)條件作一件事 For While Do while Chen-Yu Lee 2003 For for ([計數變數初值]; [測試式]; [更新計數變數]) { statements; } Chen-Yu Lee 2003 For For(i=0;i10;i++) { document.write (i); } Chen-Yu Lee 2003 While while (條件式) { Statements; } Chen-Yu Lee 2003 i=0; while(i10) { document.write (i); i++; } Chen-Yu Lee 2003 Do-While do { Statements; } while (條件式); Chen-Yu Lee 2003 Do-While i=0; do { document.write (i); i++; } while(i10) Chen-Yu Lee 2003 練習 以JS寫一個有99乘法表的網頁. Chen-Yu Lee 2003 陣列 將相同性質的資料以一個集合來存放 宣告 變數名稱 = new Array(); 初始值 變數名稱[i] = 值; 使用 P = 變數名稱[i] ; Document.writeln(變數名稱[i]); Chen-Yu Lee 2003 陣列 Array1 = new Array(); Array1[0] = “John”; Array1[1] = “Mary”; Array1[2] = “Helen”; document.writeln(Array1[0] + br); document.writeln(Array2[1] + br); document.writeln(Array3[2] + br); Chen-Yu Lee 2003 物件 將一個完整的概念(功能)以一個事物包裝. 物件內包含 相關的屬性 可用的方法(method) 宣告方式 變數名稱 = new物件名稱(); Chen-Yu Lee 2003 Date物件用法 1 today = new Date() getYear() getMonth() getDate() //日期