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

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

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

 

解决方法:

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

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

改写为:

 

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

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

你可能感兴趣的:(超链接,无法跳转,button包含a标签)