使用Chrome Firefox和IE兼容带有锚标记的按钮标记

时间:2012-08-20 21:15:48

标签: firefox google-chrome button cross-browser anchor

我有以下代码

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

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

1 个答案:

答案 0 :(得分:1)

<button>代码未设计为包含<a>标记。正如您所发现的那样,它不起作用,也不合逻辑。一个按钮被设计为接受由Javascript在同一页面上处理的点击事件,而一个链接接受一个点击事件并将其指向一个新页面 - 将一个放在另一个内部,这两个动作相互冲突

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