本文探讨了在不同浏览器中使用button包裹a标签时出现的点击无响应问题，尤其是在IE和360浏览器中。通过分析根本原因，即button导致a标签的href属性被忽略，提供了一种解决方案：将链接置于button的onclick属性中，确保在所有主流浏览器中都能正确跳转。同时介绍了两种不同的窗口打开方式：新建窗口和当前窗口。
<button><a href="http://www.baidu.com"></a></button>
有时为了使超链接拥有按钮的样式，就会使用 button 包含 a 标签的写法
这种写法在 IE浏览器或 360浏览器中会出现 button 点击无响应的情况，谷歌、火狐则可以识别
解决方法：
根本原因：有了 button 部分浏览器就会忽略掉 a 标签的 href 属性
所以将链接写入 button 的 onclick 的属性即可在任意浏览器中跳转
改写为：
<button οnclick="window.open('http://www.baidu.com')"></button>
window.open('http://www.baidu.com')：新建窗口打开页面
window.location.href='http://www.baidu.com' : 当前窗口打开页面
扫一扫
430
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
