JavaScript-2.ppt

Java Script -2 課程大綱 第二週 迴圈 For while 寫在Head區的JS Function的使用 事件驅動 Mouse Keyboard WebPage 內建物件 Date Math Array 迴圈 重複以相同的(或可預知的)條件作一件事 For While Do while 印出 “我愛你” 100次 1加到100是多少 For for ([計數變數初值]; [測試式]; [更新計數變數]) { statements; } 計數變數初值 (a=0) 測試式 (a10,a=100) 當測試式不成立(值太小/大/不等)時,跳出回圈 更新計數變數 (a=a+1,a++) For For(i=0;i100;i++) { document.write (“我愛你”); } 戰鬥發生! 請寫一個99懲罰表 While while (測試式) { Statements; } 當測試式不成立(值太小/大/不等)時,跳出回圈 While i=0; while(i10) { document.write (i); i++; } Do-While do { Statements; } while (測試式); 當測試式不成立(值太小/大/不等)時,跳出回圈 Do-While i=0; do { document.write (i); i++; } while(i10) 戰鬥!! 以While/Do-While寫一個輸入密碼的程式. 使用者必須一直輸入,直到輸入正確密碼為止 寫在Head區的JS-function Function的使用 function 函式名稱 (輸入參數) { statements; return [值]; } Function的使用 function Adder (a,b) (把兩個數字加起來) { c=a+b; return c; } … a=1; b=2; d=Adder(a,b); 全域(Global)變數區域(Local)變數 全域變數(Global variable) 宣告於總體 網頁關閉後刪除 區域變數(Local variable) 宣告於函數(function)中 函數(function)執行完畢後刪除 又遭遇怪物 請以function寫一個 印文字的函式 EX: PT(“大家好!”,“FF0000”,“7”); PT(“我是老王”,“FF00FF”,“4”); 大家好! 我是老王 事件驅動 事件驅動 當發生某件事時(後)就會… 當使用者[滑鼠移過時]就會[跳出一個視窗]. 常見的事件 滑鼠(Mouse) 鍵盤(Keyboard) 網頁(Web page) 滑鼠事件 onclick 按一下左鍵 ondblclick 按二下左鍵 onmousemove 移動滑鼠 onmousedown 按下滑鼠(左or右鍵) onmouseup 放開滑鼠(左or右鍵) onmouseover 滑鼠通過區域 onmouseout 滑鼠通過區域 滑鼠事件 input type=“button” onclick=“alert(’您按下按鈕了’)”) td ondblclick=“alert(’您連按兩下儲存格’)”) 內容/td img onmouseover=“this.filters.alpha.opacity=100” (移過的事件) onmouseout=“this.filters.alpha.opacity=50” (移出的事件) style=“FILTER: alpha(opacity=50)“ (CSS的Filter) src=“IMG_0067.JPG” 用p做一個隱藏的文件 (滑鼠移過後,文字才顯現出來) 鎖右鍵 停止menu跳出 body oncontextmenu=return false 擷取mousedown的event function LockButton() { if (event.button == 2 ) alert(請勿偷圖!); } 事件驅動的方法 Html input type=“button” onclick=“alert(‘Hello’)”) JavaScript function showalert() { alert(hello.); } for