最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

使用window.open()方法打开新页面,被浏览器拦截问题

运维笔记admin5浏览0评论

当window.open为用户触发事件内部或者加载时,不会被拦截,一旦将弹出代码移动到一段异步代码内部,马上就出现被拦截的表现了

当浏览器检测到非用户操作产生的新弹出窗口,则会对其进行阻止。因为浏览器认为这可能是一个广告,不是一个用户希望看到的页面。

解决方案一:

  1. function newWin(url, id) {  
  2.               var a = document.createElement(‘a‘);  
  3.               a.setAttribute(‘href‘, url);  
  4.               a.setAttribute(‘target‘, ‘_blank‘);  
  5.               a.setAttribute(‘id‘, id);  
  6.               // 防止反复添加  
  7.               if(!document.getElementById(id)) {                       
  8.                   document.body.appendChild(a);  
  9.               }  
  10.               a.click();  
  11.   } 

这种方案不适用与异步代码中。

解决方案二:

let newWindow = window.open("about:blank","_blank");

  1. $.ajax({  
  2.         type: "post",  
  3.         url: "/xxxx/xxxx",  
  4.         data: {"param": param},  
  5.         error: function (data) {  
  6.             showError(data);  
  7.         },  
  8.         success: function (data) {  
  9.             if (data.errorFlag == 0) {  
  10.                 // 新加  
  11.                 newTab.location.href = "www.baidu";  
  12.             } else {  
  13.                 layer.alert(data.desc, {icon: 2, title: '提示信息'})  
  14.             }  
  15.         }  
  16.     }); 

发布评论

评论列表(0)

  1. 暂无评论