您可以在这里使用javascript:void（0），而不是使用#来停止锚标记重定向到标头部分。

function helloFunction() {
    alert("hello world");
}
<a href="javascript:void(0)" onclick="helloFunction();">Call Hello Function</a>

为什么不使用这个？这不会向上滚动页面。

<span role="button" onclick="myJsFunc();">Run JavaScript Code</span>

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

为了完全符合整体情绪，在需要时使用void（0），在需要的时候使用有效的URL。

使用URL重写，您可以禁用URL，这些URL不仅可以执行JavaScript所需的操作，还可以确切地告诉您它将要执行的操作。

<a href="./Readable/Text/URL/Pointing/To/Server-Side/Script" id="theLinkId">WhyClickHere</a>

在服务器端，您只需解析URL和查询字符串并执行所需的操作。如果您聪明，可以允许服务器端脚本以不同的方式响应Ajax和标准请求。允许您使用简洁的集中代码来处理页面上的所有链接。

URL重写教程

Pros

在状态栏中显示通过JavaScript中的onclick处理程序轻松升级到Ajax实际评论本身防止目录中充斥着一次性使用的HTML文件

Cons

在JavaScript中仍应使用event.prpreventDefault（）服务器端的路径处理和URL解析相当复杂。

我相信还有很多罪犯。欢迎讨论。

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

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

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

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

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

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