什么是更好的方式来编写javascript：void（0）？

Question

撰写以下内容的更好或更正确的方法是什么：

<a href="javascript:void(0)" onclick ="$('p').show()">click here</a>

Answer 1

如果你正在使用jQuery，那么正确的方法是：

<强> HTML

<a href="#">Link</a>

<强> JQ

$('a').click(function(e){ e.preventDefault(); $('p').show(); });

Answer 2

完全省略href：

<a onclick ="$('p').show()>click here</a>

Answer 3

由于您正在使用jQuery，请充分利用它：

<a id="your-id">click here</a>

<script>
$('#your-id').click(function() {
    $('p').show();
});
</script>

Answer 4

在onclick处理程序中使用#和return false。

return false阻止跟踪网址。 #的锚点指向当前页面，因此打开/标记链接是有意义的。

<a href="#" onclick="$('p').show();return false;">click here</a>

Answer 5

这里语义正确的做法是使用按钮标签而不是标签。在链接中使用javascript：void（0）是不好的做法。拍摄，包含任何内联JavaScript是不好的做法。

Answer 6

让它指向一个URL，它将通过服务器端视图技术（如PHP / JSP / ASP）显示所需的元素，以便该链接仍适用于已禁用JS的客户端。

E.g。在JSP中：

<a href="currentPage.jsp?foo=1" class="foo">link</a>
<p class="bar ${param.foo != 1 ? 'hide' : ''}">paragraph</p>

与

$(".foo").click(function() {
    $(this).next(".bar").show();
    return false;
});