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