button包含a标签在 ie，360 等浏览器无法跳转的问题解决

<button><a href="http://www.baidu.com"></a></button>

有时为了使超链接拥有按钮的样式，就会使用 button 包含 a 标签的写法

这种写法在 IE浏览器或 360浏览器中会出现 button 点击无响应的情况，谷歌、火狐则可以识别

 

解决方法：

根本原因：有了 button 部分浏览器就会忽略掉 a 标签的 href 属性

所以将链接写入 button 的 onclick 的属性即可在任意浏览器中跳转

改写为：

<button onclick="window.open('http://www.baidu.com')"></button>

 

window.open('http://www.baidu.com')：新建窗口打开页面

window.location.href='http://www.baidu.com' : 当前窗口打开页面