JavaScript例子——應用函數

創建一個script的子目錄存放js文件。
1、 插入一個鏈接引入js文件。

 <script type = "text/javascript" src="script/showPic.js"></script>

2、給圖片列表的鏈接添加行爲——事件處理函數

事件處理函數：在特定事件發生時調用特定的JavaScript代碼。

onmouserover 鼠標指針懸停在某個元素時觸發一個動作

onmouseout 鼠標指針離開某個元素時觸發一個動作

onclick 用戶點擊某個鏈接觸發一個動作

3、使用onclick事件處理函數來給鏈接添加行爲
語法：
添加事件處理函數的語法：

event = "Javascript statement(s)"

onclick事件調用showpic方法：

onclick = "showPic(this)"

this：showPic（）函數需要一個參數：一個帶有href屬性的元素節點參數。使用this關鍵字代表這個對象，具體到這個例子，this代表這個元素節點。

4、在點擊鏈接時，showPic函數被調用了，鏈接被點擊的默認行爲也被調用了。用戶會被帶到圖片查看窗口，並不是主頁面窗口。

5、事件處理函數機制。

在給某個元素添加了事件處理函數後，一旦事件發生，相應的JavaScript代碼就會得到執行。被調用的JavaScript代碼可以返回一個值，這個值將被傳遞給那個事件處理函數。

6、在每個圖片鏈接上添加事件處理函數：

 <li>
      <a href="images/fireworks.jpg" title="A fireworks display" onclick="showPic(this); return false;">Fireworks</a>
 </li>

7、效果如圖：