如何修复HTML按钮点击后无法在新标签页打开URL的问题

你的代码里button标签的target="_blank"是无效的——target属性不属于button标签的标准属性，而且window.location.href本身就是用来在当前页面跳转URL的，所以才会出现直接跳转的情况。

下面是两种可行的修复方案：

方案1：改用window.open()方法 #

把onclick里的代码替换成window.open()，这个方法可以指定在新标签页打开链接：

<button onclick="window.open('https://myhearing.co.il', '_blank');" class="btn-view-site">View website</button>

注：部分浏览器会拦截非用户主动触发的window.open()，但这里是按钮点击触发，属于用户主动操作，一般不会被拦截。

方案2：用<a>标签模拟按钮（更推荐） #

从语义和兼容性角度，用<a>标签实现跳转更合理，只需要给它加上按钮的CSS样式即可：

<a href="https://myhearing.co.il" target="_blank" class="btn-view-site">View website</a>

你的.btn-view-site类已经有按钮样式，直接复用就行，这样既不需要JS，也能原生支持新标签页打开的功能。

内容的提问来源于stack exchange，提问作者Dor