JavaScript入門篇演示教学.ppt

JavaScript www.hubert.idv.tw .......... .......... 常見的錯誤(十一) script fuction show() { alert(JavaScript); } document.onload = show(); /script www.hubert.idv.tw .......... .......... 常見的錯誤(十二) script function say hello() { alert(你好嗎？); } /script www.hubert.idv.tw .......... .......... Script function add(x,y) { var sum = x+y; return sum; } document.write(add(1,2)); /Script 函數的呼叫 - 利用return傳值 www.hubert.idv.tw .......... .......... Script function pickanumber() { var num = Math.random(); var luckynum = Math.floor(num * 100) % 43; return luckynum; } document.write(趕快去簽 , pickanumber(), 號); /Script 函數的呼叫 - 利用return傳值 www.hubert.idv.tw .......... .......... 在函數中直接引用函數本身，稱為遞迴函數（recursive function）。 遞迴函數會層層呼叫自己，必須設計一個停止呼叫的機制，然後一層一層的返回。 遞迴函數 www.hubert.idv.tw .......... .......... script function factor(n){ if (n == 0) return 1 else return (n * factor(n-1)) } document.write(5! = , factor(5)) /script 遞迴函數 www.hubert.idv.tw .......... .......... 主程式的引數，傳送給函數的參數。 無論函數中的值如何改變，均不影響 主程式的引數值。 函數執行完畢後會將參數值所佔用的 記憶體空間歸還。 引數與參數 www.hubert.idv.tw .......... .......... 練習1-4 利用函數傳值建構同學通訊錄 www.hubert.idv.tw .......... .......... Script function change(){ if (child.style.display == ) child.style.display = none; else child.style.display = ; } /Script font id=mother style=cursor: hand onclick=change() ■ 搜尋引擎/font span id=child style=display: none; text-indent: 20pt lia href=YAHOO/a lia href=Google/a /span 結合CSS綜合範例 – 開關選單 www.hubert.idv.tw .......... .......... 練習1-5 利用函數傳值建構彩色版通訊錄 www.hubert.idv.tw .......... .......... 區域性變數 (local variable) 在函數(function)中宣告。 必須使用 var 宣告。 全域性變數 (global variable) 無須使用 var 宣告。 變數的宣告 www.hubert.idv.tw .......... .......... 區域性變數 (local variable) 僅於所在函數中有效。 全域性變數 (global variable) 於該文件的所有Script標籤中 均有效。 變數的有效範圍 www.hubert.idv.tw .......... .......... script var arms = 2 //arms是全域變數