【正文】 式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 13 執(zhí)行方式二：事件驅(qū)動(dòng) ? 本小節(jié)介紹 JavaScript如何用事件驅(qū)動(dòng)來(lái)執(zhí)行程式碼。 i++) (font size= + i + Hello World!/fontbr)。 i=5。 ? 事件驅(qū)動(dòng)（ Event Driven） : 瀏覽器讀入網(wǎng)頁(yè)後，即載入 JavaScript 程式碼，但必須等到使用者點(diǎn)選連結(jié)或影像，或是啟動(dòng)其他滑鼠事件（例如當(dāng)滑鼠離開(kāi)某個(gè)影像），才能觸發(fā) JavaScript 的執(zhí)行。 所有變數(shù)不需要事先宣告資料型態(tài)，即可逕行指定變數(shù)值。 8 /50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 JavaScript vs. Java ? JavaScript 和 Java 沒(méi)有什麼親戚關(guān)係！ ? Java 之於 JavaScript 的關(guān)係，就如同狗和熱狗。 6 /50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 在網(wǎng)頁(yè)程式設(shè)計(jì)的主要功能 ? JavaScript 在網(wǎng)頁(yè)程式設(shè)計(jì)的主要功能 ? 提高網(wǎng)頁(yè)互動(dòng)性及趣味性，例如以 JavaScript 所發(fā)展出來(lái)的各種遊戲或教材。 2 /50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 本章大綱 ? 大綱 ? 本章介紹 JavaScript 的背景及特性，並說(shuō)明 JavaScript 的執(zhí)行方式及基本範(fàn)例。 5 /50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 可使用之平臺(tái) ? JavaScript 可發(fā)揮的平臺(tái) ? 用戶端：預(yù)設(shè)的網(wǎng)頁(yè)程式語(yǔ)言，可用於 Chrome、FireFox 或 IE 等各大瀏覽器。 ? 由於安全性的考量，除了讀寫(xiě) Cookies（請(qǐng)參見(jiàn)本篇教材後面的介紹）之外， JavaScript 並無(wú)法讀取用戶端的檔案或硬碟。類別及實(shí)例都無(wú)法具有動(dòng)態(tài)產(chǎn)生的性質(zhì)及方法。 無(wú)法讀寫(xiě)客戶端的硬碟。 /script ? 說(shuō)明 ? str 是一個(gè)字串變數(shù)，其值為 Hello World! ? document 則是一個(gè)物件，代表程式碼所在的文件 ? write 則是 document 的一個(gè)方法，可將一個(gè)字串印出於瀏覽器 13 /50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 「以物件為基礎(chǔ)」的語(yǔ)言 ? JavaScript 是「以物件為基礎(chǔ)」的語(yǔ)言 ? 所有的變數(shù)在 JavaScript 中都是一個(gè)物件 ? 一個(gè)物件通常有一些性質(zhì)（ Property）和方法（ Method） ? 範(fàn)例：把一個(gè)微波爐 A看成一個(gè)物件 ? 性質(zhì)： ? 微波爐的顏色： ? 微波爐的容量： ? 方法： ? 加熱： “溫水 ”=(“冷水 ”, 30秒 ) ? 加熱： “沸水 ”=(“冷水 ”, 300秒 ) 14 /50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 範(fàn)例 12 ? 主題： () 和 () 的差別 ? 連結(jié)： ? 程式碼重點(diǎn) ? 說(shuō)明 ? writeln() 和 write() 的最大差別在於 writeln() 在列印完畢後會(huì)換列，但 write() 不會(huì)。)。 (str)。)按了你會(huì)後悔喔！/A ? 說(shuō)明 ? 若要讓使用者點(diǎn)選連結(jié)來(lái)執(zhí)行 JavaScript 的程式碼，則連結(jié)的格式必須是 a href=javascript:[程式碼 ]被連結(jié)文字 /a ? 程式碼內(nèi)的字串（例如上例中 39。 string = 網(wǎng)頁(yè)載入時(shí)間是 +hour+點(diǎn) +minute+分 +second+秒 “。 i++) alert(39。你確定要連到交大的首頁(yè)嗎？ 39。 28 /50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 範(fàn)例 112(1) ? 主題：使用輸入視窗來(lái)決定連結(jié)網(wǎng)址 ? 連結(jié)： ? 程式碼重點(diǎn) course = prompt(請(qǐng)輸入課程代碼： (webProgramming, scientificComputing, MSAR), webProgramming)。 31 /50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 form ? 基本結(jié)構(gòu) form input… … /form ? 說(shuō)明 ? 表單是由 form 標(biāo)籤所形成，可包含數(shù)個(gè)表單元件，而這些元件大部分是使用 input 標(biāo)籤。通常一個(gè)網(wǎng)頁(yè)只有一個(gè)表單，因此我們不定義此表單的名稱，也可以直接使用 [0] 來(lái)代表此表單。你選的課程是「39。 ? 一般我們建議在函式內(nèi)的變數(shù)都盡量設(shè)定成局部變數(shù)，以減少函式呼叫後可能產(chǎn)生的非預(yù)期副作用。 ? 範(fàn)例（ ） xyz = 0 Xyz = 1 XYZ = 2 說(shuō)明 ? 這段程式碼在兩種 script中所產(chǎn)生的結(jié)果不同。 46 /50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 16：網(wǎng)路資源 ? 本小節(jié)介紹幾個(gè)有關(guān)於 JavaScript 的重要網(wǎng)址，以便查詢最新的資訊。 ? 這也是一個(gè)內(nèi)容以 Web 程式設(shè)計(jì)為主的網(wǎng)站，內(nèi)容很多，當(dāng)然也包含完整的 JavaScript 說(shuō)明和範(fàn)例，深入淺出，很容易瞭解。 51 /50 。 49 /50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 網(wǎng)路資源 (3) ? 這也是一個(gè)綜合性的網(wǎng)站。 ? 這是 Microsoft 的官方網(wǎng)站，稱為 MSDN（ Microsoft Developer Network），裡面提供了在 Microsoft 出產(chǎn)的平臺(tái)上，對(duì)於程式開(kāi)發(fā)者的所有線上支援，所以當(dāng)然也包含了 JavaScript 和 VBScript。 ? JavaScript可以把多項(xiàng)敘述寫(xiě)在同一列，但是每個(gè)敘述間要用結(jié)尾。更改後的文字： \n39。」 39。 ? 我們可以使用 this 來(lái)代表目前元件（即 this 所在之元件），使網(wǎng)頁(yè)更為簡(jiǎn)潔。 32 /50 JavaScript 程式設(shè)計(jì)與應(yīng)用：用於網(wǎng)頁(yè)用戶端 範(fàn)例 113 ? 主題：基