事件驅動
JavaScript事件驅動中的事件是通過滑鼠或熱鍵的動作引發的。它主要有以下幾個事件:
(1)單擊事件onClick
當使用者單擊滑鼠按鍵時,產生onClick事件。同時onClick指定的事件處理常式或代碼將被調用執行。通常在下列基本對象中產生:
button(按鈕對象)
checkbox(複選框)或(檢查列表框)
radio (單選鈕)
reset buttons(重要按鈕)
submit buttons(提交按鈕)
例:可通過下列按鈕啟用change()檔案:
<Form> <Input type="button" Value=“ ” onClick="change()"> </Form> |
在onClick等號後,可以使用自己編寫的函數作為事件處理常式,也可以使用JavaScript中內部的函數。還可以直接使用JavaScript的代碼等。例:
<Input type="button" value=" " onclick=alert("這是一個例子");
(2)onChange改變事件
當利用text或texturea元素輸入字元值改變時發該事件,同時當在select表格項中一個選項狀態改變後也會引發該事件。
例:
<Form> <Input type="text" name="Test" value="Test" onCharge="check('this.test)"> </Form> |
(3)選中事件onSelect
當Text或Textarea對象中的文字被加亮後,引發該事件。
(4)獲得焦時間點事件onFocus
當使用者單擊Text或textarea以及select對象時,產生該事件。此時該對象成為前台對象。
(5)失去焦點onBlur
當text對象或textarea對象以及select對象不再擁有焦點、而退到後台時,引發該檔案,他與onFocas事件是一個對應的關係。
(6)載入檔案onLoad
當文檔載入時,產生該事件。onLoad一個作用就是在首次載入一個文檔時檢測cookie的值,並用一個變數為其賦值,使它可以被原始碼使用。
(7)卸載檔案onUnload
當Web頁面退出時引發onUnload事件,並可更新Cookie的狀態。
四、範例
範例1:下常式序是一個自動裝載和自動卸載的例子。即當裝入HTML文檔時調用loadform()函數,而退出該文檔進入另一HTML文檔時則首先調用unloadform()函數,確認後方可進入。
test3_1.htm <HTML> <HEAD> <script Language="JavaScript"> <!-- function loadform(){ alert("這是一個自動裝載例子!"); } function unloadform(){ alert("這是一個卸載例子!"); } //--> </Script> </HEAD> <BODY OnLoad="loadform()" OnUnload="unloadform()"> <a href="test.htm">調用</a> </BODY> </HTML> |
範例2:這是一個擷取瀏覽器版本號碼的程式。該程式首先顯示一個波浪一提示資訊。之後顯示瀏覽器的版本號碼有關資訊。