1.7.2　JavaScript事件

每個網頁由對象和元素組成。一些常見的元素是按鈕、鏈接、復選框、單選按鈕和表單的其他部分。每種元素有一些能觸發JavaScript的事件，而事件是JavaScript能夠檢測的動作。前面例子已經使用過兩個事件：onclick事件和onload事件。

事件驅動程序設計

因為事件在網頁中出現，所以我們定義事件出現后會發生什么事情。實際上就是“當這個事件出現時就處理它”。有時因事件而發生的事情很簡單，但有時事件可能引起一些復雜的程序設計。通常事件與函數結合，也就是當一個事件發生時，將調用一個函數。在事件發生之前，這個函數永遠不會執行，這稱為事件驅動程序設計。

事件被看做是元素的屬性，用于定義該元素出現這個事件后會發生什么事情。下面是常見的事件：

·單擊鼠標

·網頁或圖像載入

·滾動鼠標滑過網頁上的鏈接、圖像或其他熱點

·在表單上選擇一個元素或字段

表1-6列出了一些常見事件及其觸發動作。

表1-6　常見事件及其觸發動作

使用事件的一般語法如下：

例1.22示范了一個引起事件發生的觸發動作（即用戶單擊一個按鈕）的使用，它顯示一個提示對話框。

例1.22　使用提示對話框和事件問候用戶　下列代碼提示用戶輸入一個名字，然后在網頁上改變問候文本以便包含用戶的名字。

最初，這個頁面有一行文字和一個按鈕，看起來像這樣：

當單擊這個按鈕時，第14行調用起始于第5行的函數greet()，這個函數創建變量name并將它賦值為一個提示對話框（第7行）的內容。然后，第8行使用write()方法在網頁上顯示一條新信息，注意點標記用于將信息放置在網頁文檔上。稍后我們將會學習如何把內容放在網頁的其他區域，而現在只使用最一般的區域，即document對象。注意顯示的內容有文本和變量的值，其第一塊文本“Hello”放在引號內。任何HTML格式的代碼也放在引號內。對于這個例子，我們想要這個文本成為二級標題，因此包括開始標簽<h2>。加號（+）意味著這個文本后面跟有變量name的值，然后通過使用另一個加號并用另一對引號括起的文本添加這個文本的其他部分“!How are you today?”。我們也把強制換行（<br/>）放入引號內。因為一個開始標簽<h2>需要一個結束標簽，所以結束標簽</h2>放在第二塊文本的末端，并且仍然在引號內。

如果用戶單擊該按鈕，在提示中輸入Helmut Lindstrom，然后單擊OK按鈕，那么頁面將會看起來像這樣：

1.7節檢查點

1.29　函數是什么？

1.30　定義一個函數warning()，將下面一行文本以3級標題格式顯示到網頁的document對象中。

1.31　參數是什么？

1.32　識別出以下代碼中的參數：

1.33　通過添加一個新事件改寫例1.22的代碼。如果用戶雙擊按鈕，生成下列信息：