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

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

我从你的话中了解到，你想要创建一个链接来运行JavaScript代码。

然后你应该考虑到有人在浏览器中阻止JavaScript。

因此，如果你真的要将该链接仅用于运行JavaScript函数，那么你应该动态添加它，这样即使用户没有在浏览器中启用JavaScript，也不会看到它，而你使用该链接只是为了触发一个JavaScript函数，在浏览器中禁用JavaScript时，使用这样的链接是没有意义的。

由于这个原因，当JavaScript被禁用时，它们都不好。

a如果启用了JavaScript，并且您只想使用该链接调用JavaScript函数，则

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

比使用

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

因为href=“#”将导致页面执行不需要的操作。

此外，<a href=“javascript:void（0）”onclick=“myJsFunc（）；”>Link</a>优于<a href=”#“onclick=“myJsFunc（；）”>Link//a>的另一个原因是javascript被用作大多数浏览器的默认脚本语言。例如，InternetExplorer使用onclick属性来定义要使用的脚本语言类型。除非出现另一种好的脚本语言，否则Internet Explorer也会使用JavaScript作为默认语言，但如果另一种脚本语言使用JavaScript：，则会让Internet Explorer了解正在使用的脚本语言。

考虑到这一点，我更喜欢使用和锻炼

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

为了让它成为一种习惯，为了更方便用户，请在JavaScript代码中添加此类链接：

$(document).ready(function(){
    $(".blabla").append('<a href="javascript:void(0)" onclick="myJsFunc();">Link</a>')
});

老实说，我两个都不建议。我会使用一个样式化的＜button＞＜/button＞来实现该行为。

按钮链接{显示：内联块；位置：相对；背景色：透明；光标：指针；边框：0；填充：0；颜色：#00f；文本装饰：下划线；字体：inherit；}<p>一个看起来像＜button type=“button”class=“link”＞链接</button＞的按钮</p＞

这样您就可以分配onclick。我还建议通过脚本绑定，而不是在元素标记上使用onclick属性。唯一的问题是旧IE中无法禁用的伪3d文本效果。

如果必须使用A元素，请使用javascript:void（0）；由于已经提到的原因。

如果onclick事件失败，将始终进行拦截。不会发生错误的加载调用，或基于哈希更改触发其他事件如果单击失败（onclick throws），哈希标记可能会导致意外行为，除非这是一个适当的失败行为，并且您希望更改导航历史记录，否则请避免它。

注意：您可以将0替换为javascript：void（'删除记录123'）之类的字符串，它可以作为一个额外的指示符，显示单击的实际操作。

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

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示例。

“#”将使用户返回页面顶部，因此我通常使用void（0）。

javascript：；其行为类似于javascript:void（0）；