window open被阻止解决

最新推荐文章于 2022-05-11 13:38:07 发布

weixin_34252090

最新推荐文章于 2022-05-11 13:38:07 发布

阅读量345

点赞数

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/neo600/blog/51579

本文探讨了在JavaScript中如何通过点击后立即弹出一个空白窗口，并在异步处理完成后设置目标路径，以避免弹窗被阻止的情况。通过实例展示了如何使用`window.open`和`dojo.xhrGet`结合实现这一功能。

为什么80%的码农都做不了架构师？>>>

如果想要弹出窗口而不被阻止，必须是用户点击之后使用window.open方可，但是如果点击后有异步处理操作，而且是在操作成功后再弹出，那么这个新窗口就会被阻止了。

所以为了变通处理，点击后就弹出一个空白的新窗口，然后异步处理结束后再设定目标路径即可。

如：

tempFunc=function(){
      var item=prodGrid.getItem(0);
      if(!item)return;
      var orderItemId=prodStore.getValue(prodGrid.getItem(0),'purchaseOrderItemId');
      var p=window.open('about:blank');
      var xhrArgs = {
                 url: "buyFromPreparation.action?orderItemId="+orderItemId,
                    load: function(data){
         prodStore.save();
         prodStore.url='getPpi.action?currentCategory1='+currentCategory1;
         prodStore.close();
         prodGrid._refresh();
         if(!p)alert("弹出的订单处理窗口被阻止了，请手动设置允许此窗口被打开。");
         p.location='checkOrder.action?orderId='+data;         
        },
                    error: function(error) {alert(error);}
             };      
      var d= dojo.xhrGet(xhrArgs);
     };

转载于:https://my.oschina.net/neo600/blog/51579