通常，您应该始终有一个回退链接，以确保禁用JavaScript的客户端仍然具有某些功能。这个概念被称为不引人注目的JavaScript。

实例假设您有以下搜索链接：

<a href="search.php" id="searchLink">Search</a>

您始终可以执行以下操作：

var link = document.getElementById('searchLink');

link.onclick = function() {
    try {
        // Do Stuff Here        
    } finally {
        return false;
    }
};

这样，禁用JavaScript的用户将被引导到search.php，而使用JavaScript的用户则可以查看增强的功能。

因此，当您使用＜a/＞标记执行某些JavaScript操作时，如果您也放入href=“#”，则可以在事件末尾添加return false（如果是内联事件绑定），如：

<a href="#" onclick="myJsFunc(); return false;">Run JavaScript Code</a>

或者您可以使用JavaScript更改href属性，如：

<a href="javascript://" onclick="myJsFunc();">Run JavaScript Code</a>

or

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

但从语义上讲，上述所有实现这一点的方法都是错误的（尽管它很好）。如果没有创建任何元素来导航页面，并且有一些JavaScript内容与之相关，那么它不应该是＜a＞标记。

您可以根据需要简单地使用＜button/＞来做事情或任何其他元素，如b、span或任何适合的元素，因为您可以在所有元素上添加事件。

因此，使用<a href=“#”>有一个好处。在执行a href=“#”时，默认情况下会在该元素上获得光标指针。为此，我认为您可以使用CSS，比如cursor:pointer；这也解决了这个问题。

最后，如果您从JavaScript代码本身绑定事件，那么如果您使用的是＜a＞标记，则可以使用event.prpreventDefault（）来实现这一点，但如果您没有使用＜a＞标签，则可以获得一个优势，您不需要这样做。

所以，如果你看到了，最好不要对这种东西使用标签。

#比javascript：任何东西都好，但以下内容甚至更好：

HTML格式：

<a href="/gracefully/degrading/url/with/same/functionality.ext" class="some-selector">For great justice</a>

JavaScript：

$(function() {
    $(".some-selector").click(myJsFunc);
});

您应该始终努力实现优雅的降级（在用户没有启用JavaScript的情况下……以及在有规范和预算的情况下）。此外，在HTML中直接使用JavaScript属性和协议被认为是不好的形式。

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

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

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

这里还有一件更重要的事情要记住。第508节合规性。因此，我觉得有必要指出，您需要为JAWS等屏幕阅读器提供锚标记，以便能够通过选项卡将其聚焦。因此，解决方案“只使用JavaScript，忘记开头的锚”并不是其中的一个选项。只有当您无法让屏幕跳回到顶部时，才需要在href中启动JavaScript。您可以使用0秒的设置超时，让JavaScript在需要关注的地方启动，但即使是页面也会跳到顶部然后返回。

不要将链接仅用于运行JavaScript。

使用href=“#”将页面滚动到顶部；使用void（0）会在浏览器中产生导航问题。

而是使用链接以外的元素：

<span onclick="myJsFunc()" class="funcActuator">myJsFunc</span>

并使用CSS设置样式：

.funcActuator { 
  cursor: default;
}

.funcActuator:hover { 
  color: #900;
}