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

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

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

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

当前回答

如果您使用的是＜a＞元素，请使用以下命令：

<a href="javascript:myJSFunc();" />myLink</a>

就我个人而言，我会在稍后使用JavaScript附加一个事件处理程序（使用attachEvent或addEventListener，或者也可以将您最喜欢的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>

<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＞标签，则可以获得一个优势，您不需要这样做。

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

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

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

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

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

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

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

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

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

最好使用jQuery，

$(document).ready(function() {
    $("a").css("cursor", "pointer");
});

并省略href=“#”和href=“javascript:void（0）”。

锚标记标记如下

<a onclick="hello()">Hello</a>

足够简单！

最简单且最为大家所使用的是javascript:void（0）。您可以使用它来代替使用#来停止标记重定向到标题部分。

<a href="javascript:void(0)" onclick="testFunction();">Click To check Function</a>

function testFunction() {
    alert("hello world");
}

推荐文章