javascript - 使用空链接调用js而不调用其他html元素的原因

Question

在 HTML 开发中，我随处可见调用 JavaScript 的丑陋空 anchor (我也是这样做的):

<a href="#">Call some JavaScript</a>
<a href="javascript: void(0);">Call some JavaScript</a> 
<a href="javascript:;">Call some JavaScript</a> 

我认为过去使用空链接是因为 css :hover 在其他元素上不起作用，对于默认光标:指针样式。

• 这在今天仍被视为最佳做法吗？
• 使用更清晰的标记有什么问题吗？

喜欢:

<span class="clickable">Call some javascipt</span>

Answer 1

有几个原因

1. 从语义上讲，将 anchor 用于点击是正确的，因为它与操作相关，并且意味着无障碍屏幕阅读器将其视为操作。
2. 它保留默认的用户交互来代替链接样式等
3. 有些手机不能很好地使用 span 和 click 绑定(bind)，并且您会发现使用 anchor 可以减少跨设备问题。

我同意它是批量标记，但对于可访问性来说它非常重要。

希望对你有帮助