【html】window.open()被部分浏览器拦截问题

本文详细解析了在Chrome浏览器中,非用户触发的window.open方法为何会被安全机制拦截,以及如何通过先打开窗口再异步加载URL的方法来规避此问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、原因:
1、因为在chrome的安全机制里面,非用户触发的window.open方法,是会被拦截的;

二、什么情况下不会被拦截或会被拦截?

1.

$('#btn').click(function () {
        //不会被拦截
    window.open(url)
});

2.

$('#btn').click(function () {
        $.ajax({
         url: 'xxxx.com',
        success: function (url) {
             //会被拦截
             window.open(url);
             }
        })
}); 

 

分析原因:

用户没有直接发出window.open请求,而是发出一个ajax请求,window.open方法被放在了ajax的回调函数里,这样的情况就会被拦截了;

三、既然发现那就解决:

$('#btn').click(function () {
        //打开一个不被拦截的新窗口
         var newWindow = window.open();
          $.ajax({
              url: 'xxxx.com',
              success: function (url) {
                   //修改新窗口的url
                  newWindow.location.href = url;
              }
        })
 });//先在回调函数之前打开新窗口,后再加载url

 

转载于:https://www.cnblogs.com/richerdyoung/p/11492360.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值