You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

链接无法在新标签页打开:设置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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.18 04:46:11