今天在处理页面ajax请求过程中,想实现请求后打开新页面,就想到通过 js window.open 来实现,但是最终都被浏览器拦截了。
二、分析:
在谷歌搜索有没有解决方法,有些说可以通过新建a标签,模拟点击来实现,但是测试发现都实现不了,照样被浏览器拦截。
最后找到了一个折中的办法,可以实现新页面打开,但是没有a标签的那种直接流量新页面的效果。
三、实现代码:
复制代码 代码如下:
$obj.click(function(){
var newTab=window.open('about:blank');
$.ajax({
success:function(data){
if(data){
//window.open('https://www.jb51.net');
newTab.location.href="https://www.jb51.net";
}
}
})
})
其它方法:
复制代码 代码如下:
<script type="text/javascript">
<!--
$(
function()
{
//方法一
window.showModalDialog("https://www.jb51.net/");
window.showModalDialog("https://www.jb51.net/");
//方法二
var aa=window.open();
setTimeout(function(){
aa.location="https://www.jb51.net";
}, 100);
var b=window.open();
setTimeout(function(){
b.location="https://www.jb51.net";
}, 200);
var c=window.open();
setTimeout(function(){
c.location="https://www.jb51.net";
}, 300);
var d=window.open();
setTimeout(function(){
d.location="https://www.jb51.net";
}, 400);
var ee=window.open();
setTimeout(function(){
ee.location="https://www.jb51.net";
}, 500);
var f=window.open();
setTimeout(function(){
f.location="https://www.jb51.net";
}, 600);
var g=window.open();
setTimeout(function(){
g.location="https://www.jb51.net";
}, 700);
var h=window.open();
setTimeout(function(){
h.location="https://www.jb51.net";
}, 800);
var i=window.open();
setTimeout(function(){
i.location="https://www.jb51.net";
}, 900);
var j=window.open();
setTimeout(function(){
j.location="https://www.jb51.net";
}, 1000);
//方法三
var a = $("<a href='https://www.jb51.net' target='_blank'>Apple</a>").get(0);
var e = document.createEvent('MouseEvents');
e.initEvent( 'click', true, true );
a.dispatchEvent(e);
var a = $("<a href='https://www.jb51.net' target='_blank'>Apple</a>").get(0);
var e = document.createEvent('MouseEvents');
e.initEvent( 'click', true, true );
a.dispatchEvent(e);
}
);
//-->
</script>