我使用javascript:void（0）。

三个原因。鼓励在开发人员团队中使用#不可避免地会导致一些人使用这样调用的函数的返回值：

function doSomething() {
    //Some code
    return false;
}

但是他们忘记了在onclick中使用return doSomething（），而只使用doSometthing（）。

避免#的第二个原因是最终返回为false；如果被调用的函数抛出错误，则不会执行。因此，开发人员还必须记住正确处理调用函数中的任何错误。

第三个原因是在某些情况下，onclick事件属性是动态分配的。我更希望能够调用函数或动态分配函数，而不必为一种或另一种连接方法专门编写函数代码。因此，我在HTML标记中的onclick（或任何东西）看起来像这样：

onclick="someFunc.call(this)"

OR

onclick="someFunc.apply(this, arguments)"

使用javascript:void（0）避免了上述所有麻烦，而且我还没有发现任何缺点的例子。

因此，如果你是一个独立的开发人员，那么你可以明确地做出自己的选择，但如果你是团队成员，你必须声明：

使用href=“#”，确保onclick始终包含return false；最后，任何被调用的函数都不会抛出错误，如果您将一个函数动态地附加到onclick属性，请确保它不会抛出错误并返回false。

OR

使用href=“javascript:void（0）”

第二种显然更容易沟通。

也不

如果您可以有一个实际的URL，请将其用作HREF。如果有人中间点击你的链接打开一个新的标签，或者他们禁用了JavaScript，onclick就不会启动。

如果这是不可能的，那么您至少应该使用JavaScript和适当的单击事件处理程序将锚标记注入到文档中。

我意识到这并不总是可能的，但在我看来，在开发任何公共网站时都应该努力做到这一点。

查看Unobrusive JavaScript和Progressive增强（两个维基百科）。

除非您使用JavaScript编写链接（这样您就知道它在浏览器中已启用），否则理想情况下，您应该为禁用JavaScript的浏览者提供适当的链接，然后在onclick事件处理程序中阻止该链接的默认操作。这样，启用JavaScript的用户将运行该功能，而禁用JavaScript的用户则将跳转到适当的页面（或同一页面中的位置），而不是只单击链接而不发生任何事情。

我选择使用javascript:void（0），因为使用它可能会阻止右键单击打开内容菜单。但是javascript：；更短，做同样的事情。

我使用以下方法

<a href="javascript:;" onclick="myJsFunc();">Link</a>

相反

<a href="javascript:void(0);" onclick="myJsFunc();">Link</a>

我个人将它们结合使用。例如：

HTML

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

使用一点jQuery

$('a[href="#"]').attr('href','javascript:void(0);');

or

$('a[href="#"]').click(function(e) {
   e.preventDefault();
});

但我使用它只是为了防止用户单击空锚点时页面跳到顶部。我很少在HTML中直接使用onClick和其他on事件。

我的建议是将＜span＞元素与class属性一起使用，而不是锚。例如：

<span class="link">Link</span>

然后将函数分配给.link，其中包含一个封装在body中的脚本，该脚本位于</body>标记之前或外部JavaScript文档中。

<script>
    (function($) {
        $('.link').click(function() {
            // do something
        });
    })(jQuery);
</script>

*注意：对于动态创建的元素，请使用：

$('.link').on('click', function() {
    // do something
});

对于使用动态创建元素创建的动态创建元素，请使用：

$(document).on('click','.link', function() {
    // do something
});

然后，您可以将span元素设置为看起来像带有一点CSS的锚点：

.link {
    color: #0000ee;
    text-decoration: underline;
    cursor: pointer;
}
.link:active {
    color: red;
}

下面是上面提到的jsFiddle示例。