Question

From my experience I know three different ways to execute a JavaScript function when a user clicks on a link

1. Use the onclick attribute on the link

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

2. Use the href on the link

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

3. Don’t touch the link, do everything in js

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

   (in the JavaScript we will stop the default event, and call the function)

Which one is better? What are the advantages and disadvantages?

EDIT deleted the "javascript:" on onclick

Answer 1

Unobtrusive Javascript (your third example) with graceful degredation is the best choice.