不带Href的锚定

一个不做任何事情的链接,它甚至不会跳转:

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

更新: 如相关文件所示(由Ambrosia指出),因为 void(0) 收益率 undefined ,最好将上述代码实际编写为:

<a href="javascript:undefined">link</a>

当然,除非重新定义了未定义。

这些不会跳:

​<a href="#null">Click</a>
​<a href="#n">Click</a>
<a href="#undefined">Click</a>​

然而,它们是毁灭灵魂和极其丑陋的。

你应该 返回假 来自与锚关联的单击处理程序。给定HTML:

<a id="example" href="/whatever"/>

JS应该如下所示:

document.getElementById('example').onclick = customAnchorReturn;
function customAnchorReturn() {
    // do stuff
    return false;
}

或者使用jquery:

$('a#example').click(function(){
    // do stuff
    return false;
});

这样,JS将不受干扰,如果禁用JS,锚将仍然工作。

如果您对click事件作出反应,只需确保返回false,并且无论是哈希还是其他URL,都将忽略href中的内容。

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

也许这也没问题:

<a href="javascript:;">link</a>