preventing onclick page jumps

Question

what is the best way to stop my onclick links from causing the page to jump to the top.

<a name="point1">
<a href="#point1" onclick="blahblah">

<a href="javascript:" onclick="blahblah">

<a href="javascript:null;" onclick="blahblah">

Or something else?

Answer 1

I always use

<a href="javascript:void(0)" onclick="blahblah">

Answer 2

Returning false in 'onclick' prevents page jump

<a href="#" onclick="someFunction(); return false;">blah</a>

Answer 3

Try this:

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

Notice that the onclick parameter returns false. Returning false cancels the default browser behavior. In the case of an anchor tag, the default browser behavior is to jump to the # anchor (aka the top of the page).

With this same trick you can also make image un-draggable and ensure that links don't steal the user's focus:

<img src="coolios.jpg" onmousedown="return false" /> <!-- un-draggable image -->
<a href="stuff.html" onmousedown="return false">link that doesn't steal focus</a>