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

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

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

函数myJsFunc（）{警报（“myJsFunc”）；}运行javascript代码</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。

其他回答

为什么不使用这个？这不会向上滚动页面。

<span role="button" onclick="myJsFunc();">Run JavaScript Code</span>

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

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

这不会有任何作用。

此外

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

javascript：void（0）将在将来弃用，因此您应该使用#。

2019年1月编辑

在HTML5中，使用没有href属性的a元素是有效的。它被认为是“占位符超链接”

如果a元素没有href属性，则该元素表示一个占位符，如果链接是相关的，则该占位符可能是放置链接的位置，仅包含元素的内容。

例子：

<a>previous</a>

如果在此之后，您希望执行其他操作：

1-如果你的链接不到任何地方，不要使用＜a＞元素。使用<span>或其他合适的工具，并添加CSS:hover以根据您的需要设置其样式。

2-使用javascript:void（0）OR javascript:undefined OR javascript:；如果你想要原始、精确和快速。

第一个，最好是在用户禁用JavaScript的情况下使用一个真正的链接。只需确保返回false，以防止在JavaScript执行时触发单击事件。

<a href="#" onclick="myJsFunc(); return false;">Link</a>

如果您使用Angular2，则此方法有效：

<a[routerLink]=“”（单击）=“passTheSalt（）”>单击我</a>。

请参见此处https://stackoverflow.com/a/45465728/2803344

推荐文章