firefox - 与带有 achor 标签的按钮标签与 Chrome Firefox 和 IE 的兼容性

Question

我有以下代码

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

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

Answer 1

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

如果你想要一个看起来像一个按钮的链接，你应该把它的样式设置成一个按钮，而不是为了视觉效果而试图在它周围包裹一个按钮。