Javascript 和 anchor 标签,最佳实践?

标签 javascript html

快速提问。

我们应该将 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>

最佳答案

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

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

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

还是老办法...

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

关于Javascript 和 anchor 标签,最佳实践?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6791321/

相关文章:

javascript - 带有 infowindow 的 Google map api 无法正常工作

javascript - SVG 文本 HitTest

html - 如何将按钮与相邻文本区域的底部对齐?

html - 为什么 HTML 显示为字符串

html - 处理溢出的多重滚动 :auto

javascript - 最奇怪的 javaScript 数组字面量

javascript - 如何根据带有 .includes 的数组来过滤数组?

javascript - 如何使用 javascript/jquery 添加转到页面链接(url)的 OnClick 函数

html - Bootstrap 导航栏粘性

php - 使用 JavaScript 维护动态 MySQL 表