You need to enable JavaScript to run this app. 求助:如何修复HTML按钮跳转逻辑使其在新标签页打开链接
优惠活动
大模型
产品
解决方案
定价
更多

求助:如何修复HTML按钮跳转逻辑使其在新标签页打开链接

按钮点击新标签页打开的代码修复

原有代码绑定的window.location.href会直接替换当前页面URL,要实现新标签打开的效果,只需修改跳转调用逻辑:

  • 替换跳转方法:把onclick事件中的跳转代码,从window.location.href='目标URL'调整为window.open('目标URL', '_blank'),其中_blank参数的作用就是明确指定链接在新标签页加载
  • 修复后的完整可运行代码:
<form>
<input class="MyButton" type="button" value="Your Text Here" onclick="window.open('http://www.yourdomain.com', '_blank')" />
</form>

注意:该触发逻辑属于用户主动交互产生的跳转,符合浏览器弹窗拦截的校验规则,不会被常规安全机制误拦截。

内容的提问来源于stack exchange,提问作者sir charles

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.11.08 09:06:07