Javascript Only Anchor - 更好地使用跨度？

Question

我的应用程序中有一个 anchor 标记，其唯一目的是触发一些 javascript 来展开/折叠一些面板。我正在考虑将其更改为带有点击处理程序的跨度。哪种方法最好:

<a href="javascript:togglePanels()">Toggle Panels</a>

或

<a onclick="togglePanels()" href="javascript:void(0);">Toggle Panels</a>

或

<span onclick="togglePanels()">Toggle Panels</span>

或者有没有更好的选择我没有包括在内？

Answer 1

我会使用 <button> .您可以使用 CSS 对其进行相应的样式设置，但语义仍会保留。

但如果用户禁用 JavaScript，按钮将变得无用，用户可能会感到困惑。

如果您的网站无论如何都只能使用 JavaScript，那么这没问题，但如果没有它也能正常工作，您最好以编程方式添加它，或者最初使用 CSS 隐藏它。

更新:

不要忘记设置 type="button" .默认情况下，按钮是表单的提交按钮，因此省略了 type属性会使它在某种形式之外无效(尽管它仍然有效)。