求助:如何修复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
相关产品推荐
相关产品推荐

