window.open被浏览器拦截的解决办法

最新推荐文章于 2025-09-17 13:40:24 发布

转载最新推荐文章于 2025-09-17 13:40:24 发布 · 178 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://blog.51cto.com/6455350/2371515

本文介绍了一种方法，通过模拟用户点击a标签的行为，绕过浏览器对window.open方法的限制，实现新窗口打开链接的功能。

今天在处理程序的过程中，发现window.open方法会被浏览器拦截，导致无法打开新页面，查阅相关资料后发现，主要原因是浏览器为了维护用户安全和体验，禁止在javascript中直接使用window.open(url)来打开新的链接，window.open(url,”_self”)改变当前的窗口是可以生效的。为了实现window.open打开新窗口不被浏览器拦截，我们只能通过模拟用户操作的方式来实现。
我们可以模拟用户点击a标签的操作来实现这个功能，代码如下：

//新窗口打开网页
function openWin(url) {
try {
var el1 = document.createElement('a');
el1.setAttribute("target", "_blank");
el1.setAttribute("id", "openWin");
el1.setAttribute("href", url);
document.body.appendChild(el1);
document.getElementById("openWin").click();//点击事件
document.body.removeChild(el1);
}
catch (e) {
window.open(url);
}
}

首先创建了个A标签，然后将url赋值给a标签，将设置好的a标签添加到Body中，js调用a标签的click事件。

备注：此原创文章最早发表于博主个人站，原文链接window.open被浏览器拦截的解决办法_IT技术小趣屋，转载请标明出处。

转载于:https://blog.51cto.com/6455350/2371515