在现代网站上，如果元素只执行JavaScript功能（而不是真正的链接），则应避免使用href。

为什么？此元素的存在告诉浏览器这是一个与目的地的链接。这样，浏览器将显示“在新选项卡/窗口中打开”功能（使用shift+单击时也会触发）。这样做将导致在没有触发所需功能的情况下打开同一页面（导致用户沮丧）。

关于IE：从IE8开始，如果设置了doctype，元素样式（包括悬停）就会起作用。IE的其他版本真的不用担心了。

唯一的缺点：删除HREF将删除tabindex。为了克服这个问题，您可以使用样式为链接的按钮或使用JS添加tabindex属性。

老实说，我两个都不建议。我会使用一个样式化的＜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'）之类的字符串，它可以作为一个额外的指示符，显示单击的实际操作。

javascript：void（0）将在将来弃用，因此您应该使用#。

我从你的话中了解到，你想要创建一个链接来运行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>')
});

您也可以在锚点中编写如下提示：

<a href="javascript:void('open popup image')" onclick="return f()">...</a>

因此用户将知道该链接的作用。

只是为了抓住其他人提到的要点。

绑定事件'onload'或$（'document'）.ready{}要好得多；然后将JavaScript直接放入单击事件中。

在JavaScript不可用的情况下，我会使用一个href到当前URL，也许还会使用一个锚到链接的位置。该页面仍然可供没有JavaScript的人使用，因为他们不会注意到任何差异。

正如我所掌握的，这里有一些jQuery可能会有所帮助：

var [functionName] = function() {
   // do something
};

jQuery("[link id or other selector]").bind("click", [functionName]);