我应该为JavaScript链接使用哪个“href”值，“#”或“JavaScript:void（0）”？

以下是构建链接的两种方法，该链接的唯一目的是运行JavaScript代码。在功能、页面加载速度、验证目的等方面，哪个更好。？

函数myJsFunc（）{警报（“myJsFunc”）；}<a href=“#”onclick=“myJsFunc（）；”>运行JavaScript代码</a>

函数myJsFunc（）{警报（“myJsFunc”）；}运行javascript代码</a>

当前回答

如果您恰好使用AngularJS，可以使用以下选项：

<a href="">Do some fancy JavaScript</a>

这不会有任何作用。

此外

它不会像（#）那样将您带到页面顶部因此，您不需要使用JavaScript显式返回false它简短而简洁

其他回答

我用开发工具在谷歌chrome中尝试了这两种方法，结果id=“#”花了0.32秒。而javascript：void（0）方法只花了0.18秒。因此，在googlechrome中，javascript:void（0）工作得更好更快。

不要忽视这样一个事实，即您的URL可能是必需的——在引用之后会触发onclick，因此有时您需要在导航离开页面之前处理客户端的某些内容。

您不应该在HTML中使用inline onclick=“something（）；”，以避免用无意义的代码污染它；所有单击绑定都必须在Javascript文件（*.js）中设置。

像这样设置绑定：$（“#myAnchor”）.click（function（）｛…**return false**；｝）；或$（'#myAnchor'）.bind（'click'，function（）{…**return false**；}）；

然后，您就可以轻松加载一个干净的HTML文件（并且seo友好），而无需数千href=“javascript:void（0）；”，只需href=“#”

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

我将href=“#”用于我希望为其设置虚拟行为的链接。然后我使用以下代码：

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

这意味着，如果href等于哈希（*=“#”），它将阻止默认链接行为，因此仍允许您为其编写功能，并且不会影响锚点单击。

推荐文章