与带有锚标签的按钮标签与 Chrome Firefox 和 IE 的兼容性

Question

我有以下代码

<button><a href="logout.php">Logout</a></button>

我在做什么，如果用户点击按钮，链接到注销会话终止并重定向到登录页面。场景是，当我处理它时，Chrome 中的一切都很好，而 Firefox 和 IE 对单击按钮标签没有任何影响。有什么建议可以让代码浏览器兼容吗？

Answer 1

<button> 标记并非设计为在其中包含 <a> 标记。正如您所发现的，它不起作用，也不是很合乎逻辑。一个按钮被设计为在同一页面上接受一个由 Javascript 处理的点击事件，而一个链接接受一个点击事件并将其引导到一个新页面——将一个放在另一个里面，这两个动作相互冲突.

如果您想要一个看起来像按钮的链接，您应该将其样式设置为看起来像一个按钮，而不是仅仅为了视觉效果而尝试在其周围包裹一个按钮。