js實(shí)現(xiàn)window.open不被攔截的解決方法匯總

2019-11-20 13:58:56

字體：大中小

供稿：網(wǎng)友

本文實(shí)例講述了js實(shí)現(xiàn)window.open不被攔截的解決方法。分享給大家供大家參考。具體分析如下：

一、問題：

今天在處理頁面ajax請求過程中，想實(shí)現(xiàn)請求后打開新頁面，就想到通過 js window.open 來實(shí)現(xiàn)，但是最終都被瀏覽器攔截了。

二、分析：

在谷歌搜索有沒有解決方法，有些說可以通過新建a標(biāo)簽，模擬點(diǎn)擊來實(shí)現(xiàn)，但是測試發(fā)現(xiàn)都實(shí)現(xiàn)不了，照樣被瀏覽器攔截。
最后找到了一個折中的辦法，可以實(shí)現(xiàn)新頁面打開，但是沒有a標(biāo)簽的那種直接流量新頁面的效果。

三、實(shí)現(xiàn)代碼：

復(fù)制代碼代碼如下:

$obj.click(function(){
 var newTab=window.open('about:blank');
 $.ajax({
  success:function(data){
   if(data){
    //window.open('//www.survivalescaperooms.com');
    newTab.location.href="http://www.survivalescaperooms.com";
   }
  }
 })
})

其它方法：

復(fù)制代碼代碼如下:

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

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

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

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

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

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

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

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

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

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

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

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

);
//-->
</script>

希望本文所述對大家基于javascript的web程序設(shè)計有所幫助。

上一篇：js防止DIV布局滾動時閃動的解決方法

下一篇：一個JavaScript獲取元素當(dāng)前高度的實(shí)例