從html觸發javascript的正確方法

Question

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

人們可以制作一個按鈕並將圖標放在上面，但這看起來不太好恕我直言。 或者可以使用href標簽，

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

但實現這一目標的最簡潔方法是什么？ 如果圖標在點擊后可能會發生變化，那也很好。

例如，如何實現stackoverflow中的upvote按鈕？

Answer 1

其他方式：

function myFunc () {
// code here
}

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

Answer 2

只需將<a>的href設為'javascript：'，例如：

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

如果需要，用函數調用替換alert（...）

Answer 3

你沒有用錨元素包裝它：

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

Answer 4

你為什么不在函數上使用jquery？

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