的標籤，然後單擊事件HREF = 「JavaScript的：創建my_function（）」 VS的onclick = 「創建my_function（）」 或

Question

有幾種方法可以像錨標籤定義按鍵動作：

<a href="javascript: void(0)" onclick="funciton_X()">click here</a> 

或

<a href="javascript: funciton_X()">click here</a> 

或

<a id="a_tag" href="javascript: void(0)">click here</a> 
<script type="text/javascript"> 
$('#a_tag').click(function(){}) 
</script> 

有哪一個我​​會用一個顯著差異？他們的優點和缺點是什麼。有第四種選擇嗎？

Answer 1

最後一個被稱爲unobtrusive javascript，這是我推薦你使用的一個，因爲它主張在你的標記和JavaScript之間清晰分離。它還具有較小標記文件的優點，而外部JavaScript文件將由客戶端瀏覽器緩存。

正如@David Dorward在評論部分指出的，如果您使用的是最後一種方法，建議href屬性指向一些真實的URL，以便客戶端將被重定向，例如，如果他禁用了javascript。當您定義網站的最小標記時，此技術被稱爲progressive enhancement，並且基於客戶端瀏覽器功能，您可以使用諸如AJAX和其他一些不錯的UI效果等標記所不具備的功能進行充實。

所以總結：

<a id="a_tag" href="basic.htm">click here</a> 

，然後在一個單獨的JavaScript文件（例如與jQuery但你可以使用任何你喜歡）：

$(function() { 
    $('#a_tag').click(function() { 
     // TODO: some nice effect 
     return false; 
    }); 
}); 

Answer 2

我更喜歡後者。將你的javascript從你的html中分離出來是很好的做法，並且可以更容易地維護代碼。像JQuery，Prototype，Mootools等這樣的Libaries對此有很大的幫助。這與在外部樣式表和內聯樣式中做CSS非常相似。首選項是讓它們保持分離，使您能夠生成乾淨和語義化的html。

再舉一個例子：

<form id="myForm"> .... </form> 

說我要提交此表，但我想這樣做的異步，我可以使用jQuery附加一個事件，這將通過AJAX提交，如果javascript不可用，它會很好地降低標準回傳。

Answer 3

您需要在函數中添加this.preventDefault();。

// sry我不知道如何添加評論DarinDimitrov的答案。