今天在处理程序的过程中,发现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技术小趣屋。文章的更新编辑依此链接为准。欢迎关注源站原创文章!