Prevent anchor behaviour

Question

When I want to prevent default behaviour of anchor tag I`m using

<a href="javascript:void(0);">link</a>

Which is the most effective solution ?

Answer 1

An example of a gracefully degrading solution:

<a href="no-script.html" id="myLink">link</a>

<script>
document.getElementById("myLink").onclick = function() {
    // do things, and then
    return false;
};
</script>

Demo: http://jsfiddle.net/karim79/PkgWL/1/

Answer 2

This is a nice approach, if you're using jquery you can also do:

<a id="link" href="javascript:void(0)">link</a>

<script type="text/javascript">
   $("#link").click(function(ev) {
       ev.preventDefault();
   });
</script>

preventDefault can be useful also to prevent submitting form

Answer 3

You can also have this:

<a href="#" onclick="return false;">link</a>