我应该为 JavaScript 链接使用哪个“href”值，“#”还是“javascript:void(0)”？

以下是构建仅用于运行 JavaScript 代码的链接的两种方法。就功能、页面加载速度、验证目的等而言，哪个更好？

function myJsFunc() {
    alert("myJsFunc");
}

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

or

function myJsFunc() {
    alert("myJsFunc");
}

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

I use javascript:void(0).

三个原因。鼓励使用#在开发团队中不可避免地会导致一些人使用这样调用的函数的返回值：

function doSomething() {
    //Some code
    return false;
}

但后来他们忘记使用return doSomething()在 onclick 中，只需使用doSomething().

避免的第二个原因#那是最后的return false;如果被调用的函数抛出错误，则不会执行。因此，开发人员还必须记住在被调用函数中适当处理任何错误。

第三个原因是，在某些情况下onclick事件属性是动态分配的。我更喜欢能够动态调用函数或分配它，而不必专门为一种或另一种附件方法编写函数代码。因此我的onclick（或任何东西）在 HTML 标记中看起来像这样：

onclick="someFunc.call(this)"

OR

onclick="someFunc.apply(this, arguments)"

Using javascript:void(0)避免了上述所有令人头痛的问题，而且我还没有发现任何缺点的例子。

因此，如果您是一个单独的开发人员，那么您显然可以做出自己的选择，但如果您作为一个团队工作，则必须声明：

Use href="#"， 确保onclick总是包含return false;最后，任何被调用的函数都不会抛出错误，并且如果将函数动态附加到onclick属性确保它返回并且不抛出错误false.

OR

Use href="javascript:void(0)"

第二个显然更容易沟通。