javascript - 空 javascript 事件的最佳实践（例如 onclick="javascript:;"）

Question

如果你想要一个事件或一个空 javascript 调用的链接，有几种方法，我能想到：

<a href="#">Method 1</a>                    <- Ugh... changes URL in browser
<a href="javascript:;">Method 1</a>         <- My currently preferred method
<a href="javascript:void(0);">Method 1</a>  <- Another approach?

就跨浏览器兼容性和简短性而言，最好的方法是什么？

Answer 1

如果他们不使用链接，请不要使用......好吧，链接到任何东西。

相反，使用span有点像这样：

<span class="spanlink" onclick=something>This is some text</span>

在你的 CSS 中：

.spanlink {
    text-decoration: underline;
    color: blue;
    cursor: pointer; /* Ragnagord's suggestion in comments */
}

Answer 2

一个jQuery解决方案..

$('a.preventDefault').click(function(){
 return false
});

<a href="#" class="preventDefault">Method 1</a>

Answer 3

怎么样button？如果他们没有在任何地方领先，我从不使用锚点

Answer 4

使用不显眼的 Javascript。

此外，如果一个链接在没有 Javascript 的情况下无法执行任何操作，那么没有 Javascript 的用户甚至应该看不到该链接。通过 Javascript 添加链接。