從html觸發javascript的正確方式

Question

在調用java腳本的html網站中擁有圖形組件（更確切地說是twitter.bootstrap圖標）的方式是什麼？

人們可以做一個按鈕，並把它的圖標，但這看起來不好看恕我直言。 或者人們可以使用href標記，

<a href="#" name="ad_fav" onclick= CALLFUNCTION> <i 
         class="icon"></i></a> 

但什麼是實現這一目標的最清晰的方式？ 如果圖標在被點擊後可能會改變，那也不錯。

它是如何實現在stackoverflow中的upvote按鈕？與你的函數調用

<a href="javascript:alert('hello there! this works!')" name="ad_fav"> <i 
        class="icon"></i></a> 

更換警報（...）如果你需要

Answer 1

另一種方式：

function myFunc() { 
// code here 
} 

var element = document.getElementsByClassName("icon"); 
element[0].addEventListener("click", myFunc); 

Answer 2

只是使<的href一個>是 'JavaScript的：'，例如有別與錨元素把它包：

<img src="[path to twitter.bootstrap icon]" onclick="yourJavaScriptFunction" /> 

Answer 3

你別：

Answer 4

爲什麼不使用jquery的函數？

$(document).on("click", "a.icon", function (e) { 
    e.preventDefault(); 
});