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

Question

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

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

要么

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

Answer 1

老实说，我都不建议。我会<button></button>为该行为使用程式化。

button.link {
  display: inline-block;
  position: relative;
  background-color: transparent;
  cursor: pointer;
  border: 0;
  padding: 0;
  color: #00f;
  text-decoration: underline;
  font: inherit;
}
<p>A button that looks like a <button type="button" class="link">link</button>.</p>

这样，你可以分配onclick。我还建议通过脚本进行绑定，而不要使用onclickelement标签上的属性。唯一的难题是无法禁用的较旧IE中的伪3d文本效果。

如果必须使用A元素，请使用javascript:void(0);已经提到的原因。

• 万一你的onclick事件失败，它将始终拦截。
• 不会发生错误的加载调用，也不会基于哈希更改触发其他事件
• 如果单击失败（onclick抛出），则hash标签可能会导致意外的行为，请避免使用它，除非它是适当的失败行为，并且你要更改导航历史记录。
  注意：你可以将替换为0一个字符串，例如，javascript:void('Delete record 123')它可以作为一个额外的指示符，显示点击实际执行的操作。