链接无法在新标签页打开:设置target="_blank"仍无效求助
问题原因
<button> 标签本身不支持 target 属性,你通过 document.location 跳转的方式会强制在当前标签页加载链接,因此设置的 target="_blank" 完全不会生效。
解决方案
方案1:用<a>标签模拟按钮(推荐,符合语义化)
将按钮替换为带Bootstrap按钮样式的<a>标签,直接利用<a>的target属性实现新标签页打开:
<a href="https://finance.yahoo.com/quote/AMZN/" target="_blank" class="btn btn-primary">stock price</a>
方案2:修改<button>的点击逻辑
如果坚持使用<button>标签,把document.location替换为window.open(),并指定_blank参数:
<button onclick="window.open('https://finance.yahoo.com/quote/AMZN/', '_blank')">stock price</button>
注意:部分浏览器可能会拦截非用户主动触发的
window.open()弹窗,但按钮点击属于用户主动操作,一般不会被拦截。
内容的提问来源于stack exchange,提问作者nicomp
相关产品推荐
相关产品推荐

