我們知道，面向對象發展起來后，“一夜之間”，幾乎所有的語言都能基于對象了，JavaScript也是基于對象的語言。用戶在瀏覽器上的行為稱作“事件”,之后引發的一系列動作，比如彈窗啦，改變瀏覽器大小啦，驗證啦，balabala，都叫做“事件驅動”。當然，這次我主要介紹幾個常常發生的事件。
ps：對于js腳本的支持以瀏覽器而定！！！有的低版本的瀏覽器可能不支持！！！
1.單擊事件（onClick）
啥叫單擊事件呢？當用戶單擊鼠標按鈕是，就會產生單擊事件。同時onclick指定的事件處理程序將會被調用。通常應用在button（按鈕對象）、checkbox（復選框）、radio（單選按鈕）、reset buttons（重置按鈕）、submit buttons（提交按鈕）上。
放大招：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js基礎之單擊事件</title></head><body><form> <script language="JavaScript"> function aclick(){ alert("你剛才單擊了按鈕"); } </script> <input type="button" value="按鈕" onclick= "aclick()" /></form></body></html>效果如下圖：
2.更改事件（onChange）
一旦用戶更改表單的值時，就會觸發onchange事件。
代碼如下：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js基礎之更改事件</title> <script language="JavaScript"> function check() { alert("文本框的值發生了變化"); } </script></head><body><form> <input type="text" value="這是一個文本框" name="name" onchange="check()"/></form></body></html>效果如下圖 ：
3.選中事件（onSelect）
當頁面中的元素被選中時，就會觸發onselect事件。
代碼如下：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js基礎之更改事件</title> <script language="JavaScript"> function check() { alert("文本框的值發生了變化"); } </script></head><body><form> <input type="text" value="這是一個文本框" name="name" onchange="check()"/></form></body></html>效果如下圖：
4.加載事件（onLoad）
加載事件是在剛剛打開網頁時，觸發的事件。
代碼如下：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js基礎之加載事件</title> <script language="JavaScript"> function check(){ alert("莫急莫急，小D正在騎馬來的路上,O(∩_∩)O哈哈~"); } </script></head><body onload="check()"></body></html>效果如下圖：
5.卸載前事件（beforeunload）
確切說，稱為“離開頁面前事件”比較恰當，當你單擊當前標簽頁的關閉按鈕時會觸發此事件。
代碼如下：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js基礎之卸載前事件</title> <script language="JavaScript"> function check1(){ alert("你真的要離我而去呢？
主站蜘蛛池模板：
苏尼特右旗|
积石山|
随州市|
江永县|
瓮安县|
永平县|
正阳县|
炉霍县|
东海县|
西乌珠穆沁旗|
中阳县|
大方县|
绿春县|
平乡县|
肇源县|
乌拉特后旗|
沧州市|
轮台县|
丰镇市|
扎囊县|
武乡县|
天气|
小金县|
鄂托克前旗|
安新县|
沅陵县|
丘北县|
万安县|
遂平县|
邢台市|
玛曲县|
昌平区|
都匀市|
白水县|
赣榆县|
光泽县|
隆昌县|
西贡区|
宁化县|
武胜县|
泸西县|