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

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

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

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

当前回答

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

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

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

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

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

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

其他回答

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

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

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

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

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

当我有几个人造链接时，我更喜欢给它们一个“没有链接”的类。

然后在jQuery中，我添加了以下代码：

$(function(){
   $('.no-link').click(function(e){
       e.preventDefault();
   });
});

对于HTML，链接简单

<a href="/" class="no-link">Faux-Link</a>

我不喜欢使用哈希标签，除非它们用于锚点，并且只有当我有两个以上的虚假链接时，我才会使用上面的方法，否则我会使用javascript：void（0）。

<a href="javascript:void(0)" class="no-link">Faux-Link</a>

通常情况下，我喜欢完全避免使用链接，只在一个跨度中包装一些东西，并将其用作激活某些JavaScript代码的方式，如弹出窗口或内容显示。

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

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

这不会有任何作用。

此外

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

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

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

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

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

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

推荐文章