空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

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

Answer 3

Jquery解决方案..

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

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

Answer 4

使用unobtrusive Javascript。

此外，如果没有Javascript链接没有做任何事情，那么没有Javascript的用户甚至不能看到链接。通过Javascript添加链接。