Cách tốt nhất để thực hiện chức năng khi người dùng nhấp vào liên kết là gì?

Question

Từ kinh nghiệm của tôi, tôi biết ba cách khác nhau để thực hiện một chức năng Javascript khi người dùng nhấp vào một liên kết

1. Sử dụng onclick thuộc tính vào liên kết

   <a href="#" onclick="myfunction();return false;">click me</a> 
   

2. Sử dụng href vào liên kết

   <a href="javascript:myfunction();">click me</a> 
   

3. Không chạm vào liên kết, thực hiện mọi thứ trong js

   <a href="#">click me</a> 
   

   (trong Javascript chúng tôi sẽ ngăn chặn các sự kiện mặc định, và gọi hàm)

Cái nào tốt hơn? Ưu điểm và nhược điểm là gì?

EDIT xóa "javascript:" trên onclick

Answer 1

Unobtrusive Javascript (ví dụ thứ ba của bạn) với graceful degredation là sự lựa chọn tốt nhất.

Answer 2

Hoặc cách khác, sử dụng jQuery

$(function() { 
    $('[id$=myLinkID]').click(function(e) { 
     myFunction(); 
    }); 
}); 

Answer 3

Nó luôn luôn là tốt để có một liên kết trong thuộc tính href để hỗ trợ người dùng có Javascript vô hiệu hóa trên trình duyệt của họ.

<a href="http://www.mywebsite.com/javascriptdisabled.html" onclick="myfunction(); return false;">click me</a> 

Answer 4

Không có mục nào ở trên. Sử dụng các click sự kiện (giao hoặc như là một thuộc tính hoặc thông qua kịch bản nếu bạn thích) và có một URL thực như một dự phòng:

<a href="realpage.html" onclick="myfunction(); return false;">click me</a> 

hoặc HTML:

<a href="realpage.html" id="myLink">click me</a> 

Script:

document.getElementById("myLink").onclick = function() { 
    myfunction(); 
    return false; 
}; 

Ngoài ra, không mã tiền tố trong thuộc tính trình xử lý sự kiện với javascript:. Không chính xác và chỉ không xảy ra lỗi do trùng hợp ngẫu nhiên (tức là trong JavaScript, javascript: tạo nhãn có tên là javascript).