1. 程式人生 > >給超連結(a標籤)加onclick事件

給超連結(a標籤)加onclick事件

<a onclick="alert('1')">超連結1</a><br>
<a href="#" onclick="alert('2')">超連結2</a>
<br>
<a href="javascript:alert('3')">超連結3</a>

  第1個超連結中,沒有設定href屬性,因此,從中看起來好像只是一行文字,並且滑鼠放在上面的時候,也不會顯示小手的形狀。因此,很難讓使用者知道這是一個可以點選的超連結。但是如果使用者單擊了該超連結,會彈出一個警告框,而且單擊警告框中的【確定】按鈕之後,不會跳轉到任何URL上。

  第2個超連結中,href屬性值為"#",如果單擊該超連結,先會執行onclick屬性值中的JavaScript,彈出一個警告框。在單擊警告框中的【確定】按鈕之後,瀏覽器會自動跳轉到當前網頁的頂部。

  第3個超連結中,直接將JavaScript語句寫在href屬性值中。在單擊該超連結時,可以執行href屬性值中的JavaScript語句,而且不會有任何跳轉。