js实现window.open不被拦截的解决方法汇总

210 阅读 0 评论 139 点赞

我是靠谱客的博主喜悦长颈鹿，最近开发中收集的这篇文章主要介绍js实现window.open不被拦截的解决方法汇总，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本文实例讲述了js实现window.open不被拦截的解决方法。分享给大家供大家参考。具体分析如下：

一、问题：

今天在处理页面ajax请求过程中，想实现请求后打开新页面，就想到通过 js window.open 来实现，但是最终都被浏览器拦截了。

二、分析：

在谷歌搜索有没有解决方法，有些说可以通过新建a标签，模拟点击来实现，但是测试发现都实现不了，照样被浏览器拦截。
最后找到了一个折中的办法，可以实现新页面打开，但是没有a标签的那种直接流量新页面的效果。

三、实现代码：

复制代码代码如下:

$obj.click(function(){

 var newTab=window.open('about:blank');

 $.ajax({

  success:function(data){

   if(data){

    //window.open('http://www.uoften.com');

    newTab.location.href="http://www.uoften.com";

   }

  }

 })

})

其它方法：

复制代码代码如下:

//方法二
var aa=window.open();
setTimeout(function(){
aa.location="http://www.uoften.com";
}, 100);

var b=window.open();
setTimeout(function(){
b.location="http://www.uoften.com";
}, 200);

var c=window.open();
setTimeout(function(){
c.location="http://www.uoften.com";
}, 300);

var d=window.open();
setTimeout(function(){
d.location="http://www.uoften.com";
}, 400);

var ee=window.open();
setTimeout(function(){
ee.location="http://www.uoften.com";
}, 500);

var f=window.open();
setTimeout(function(){
f.location="http://www.uoften.com";
}, 600);

var g=window.open();
setTimeout(function(){
g.location="http://www.uoften.com";
}, 700);

var h=window.open();
setTimeout(function(){
h.location="http://www.uoften.com";
}, 800);

var i=window.open();
setTimeout(function(){
i.location="http://www.uoften.com";
}, 900);

var j=window.open();
setTimeout(function(){
j.location="http://www.uoften.com";
}, 1000);

//方法三
var a = $("<a href='http://www.uoften.com' target='_blank'>Apple</a>").get(0);
var e = document.createEvent('MouseEvents');
e.initEvent( 'click', true, true );
a.dispatchEvent(e);

var a = $("<a href='http://www.uoften.com' target='_blank'>Apple</a>").get(0);
var e = document.createEvent('MouseEvents');
e.initEvent( 'click', true, true );
a.dispatchEvent(e);
}

);
//-->
</script>

希望本文所述对大家基于javascript的web程序设计有所帮助。