Javascript 和 anchor 标签，最佳实践？

Question

快速提问。

我们应该将 Javascript 放在 HREF 中还是使用 onClick(事件)？

使用其中任何一个有什么优点/缺点。我个人认为简单地将代码放在 href 中更容易/更清晰，而不必返回 false 或担心跳转到 #

每种方法是否存在任何已知的浏览器特定问题...

例子:

<a href="javascript: alert('foo!');">Click Me</a>
<a href="#" onClick="alert('foo!');return false">Click Me</a>
<a href="javascript:void(0)" onclick="alert('foo!');">Click Me</a>

Answer 1

1) 而是使用 onclick。当不允许使用 JS 时，请确保在 href 中有一个合理的后备 URL。

2) 而不是 onclick="..."，您应该使用事件处理程序。 使用 jQuery 或 XPath 查找元素，然后为每个元素调用 element.addEventListener()。

element.addEventListener("click", function() { alert("bar"); }, false);

还是老办法...

element.onclick = function() { alert("foo"); };