防止onclick页面跳转

Question

阻止我的onclick链接导致页面跳转到顶部的最佳方法是什么。

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

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

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

还是其他什么？

Answer 1

我总是使用

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

Answer 2

在'onclick'中返回false会阻止页面跳转

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

Answer 3

试试这个：

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

请注意onclick参数返回false。返回false会取消默认的浏览器行为。对于锚标记，默认浏览器行为是跳转到#锚点（也就是页面顶部）。

使用同样的技巧，您还可以使图像不可拖动，并确保链接不会窃取用户的焦点：

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

Answer 4

也许这会奏效？

<a href="javascript: return false;" onclick="blahblah">