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

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

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

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

当前回答

最好使用jQuery，

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

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

锚标记标记如下

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

足够简单！

其他回答

我同意其他地方的建议，即应该在href属性中使用常规URL，然后在onclick中调用一些JavaScript函数。缺陷在于，它们在调用后自动添加return false。

这种方法的问题是，如果函数无法工作或出现任何问题，链接将变得不可点击。Onclick事件将始终返回false，因此不会调用正常的URL。

有一个非常简单的解决方案。如果函数工作正常，则返回true。然后使用返回的值确定是否应取消单击：

JavaScript

function doSomething() {
    alert( 'you clicked on the link' );
    return true;
}

HTML

<a href="path/to/some/url" onclick="return !doSomething();">link text</a>

注意，我否定了doSomething（）函数的结果。如果它有效，它将返回true，因此它将被否定（false），路径/to/some/URL将不会被调用。如果函数返回false（例如，浏览器不支持函数中使用的内容或其他任何错误），则将其否定为true，并调用路径/to/some/URL。

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

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

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

4.0之前的引导模式有一个基本上未记录的行为，即它们将使用AJAX从元素加载href，除非它们正好是#。如果您使用的是Bootstrap 3，javascript：void（0）；hrefs将导致javascript错误：

AJAX错误：错误GET javascript:void（0）；

在这些情况下，您需要升级到引导程序4或更改href。

我认为你提出了一个错误的二分法。这不是唯一的两个选项。

我同意D4V360先生的观点，他建议，即使您使用的是锚标记，但这里并没有真正的锚。您所拥有的只是文档的一个特殊部分，其行为应该略有不同。＜span＞标记更合适。

推荐文章