本文實例講述了JS打開新窗口防止被瀏覽器阻止的方法。分享給大家供大家參考。具體分析如下：
用傳統的window.open()方式打開新窗口，會被瀏覽器阻止，那么，我們如何才能讓JS打開新窗口不被瀏覽器阻止呢？其實辦法還是有的，這里我們就來分析一下如何解決這個問題
我最近也遇到了這樣的問題，所以就把彈出新窗口的方法分享給大家。歡迎大家補充哦...
第一種、使用原生javascript的window.open()方法（大部分情況下會被瀏覽自阻止）
第二種、模擬表單(form)提交，原理是指定表單的action為想要打開的URL地址，target設置為"_blank"
復制代碼代碼如下:
document.getElementById("msgTxt").innerHTML="<form id='hiddenlink' action='"+sHref+"' target='_blank'><input type='hidden' name='object' value='"+objValue+"'></form>";
var s=document.getElementById("hiddenlink");
s.submit();
var s=document.getElementById("hiddenlink");
s.submit();
不過模擬表單提交的方法經有可能也會被阻止...
第三種、模擬超鏈接(<a>)被點擊
當按下一個按鈕時，想打開一個新的標簽頁，可以模擬鏈接被按下，然后打開鏈接。
但是在jQuery中，使用a.click(), a.trigger('click')等都不會引起鏈接默認事件被執行。
下面的代碼模擬生成了鏈接點擊事件，然后執行默認打開鏈接的事件。
不過值得注意的一點是：對應IE瀏覽器，只有IE9以上才支持document.createEvent函數，所以以下代碼在IE執行的話要IE9以上才行
復制代碼代碼如下:
var a = $("<a href='http://www.test.com' target='_blank' >test</a>").get(0);
var e = document.createEvent('MouseEvents');
e.initEvent('click', true, true);
a.dispatchEvent(e);
var e = document.createEvent('MouseEvents');
e.initEvent('click', true, true);
a.dispatchEvent(e);
第四種、利用瀏覽器的冒泡事件（轉載來的）
復制代碼代碼如下:
clickOpenWin: function(f){
var dataKey = "clickOpenWin.dataKey"
var me = $(this);
var A = me.data(dataKey);
var returnData = null;
if(!A){
A = $("");
me.data(dataKey, A);
A.click(function(e){
if(returnData){
A.attr("href", returnData);
}else {
A.before(me);
e.stop();
}
});
}
me.mouseover(function(){$(this).before(A).appendTo(A);});
me.mouseout(function(){A.before($(this));});
me.click(function(){
A.attr("href", "#|");
returnData = f.apply(this, arguments);
});
}
var dataKey = "clickOpenWin.dataKey"
var me = $(this);
var A = me.data(dataKey);
var returnData = null;
if(!A){
A = $("");
me.data(dataKey, A);
A.click(function(e){
if(returnData){
A.attr("href", returnData);
}else {
A.before(me);
e.stop();
}
});
}
me.mouseover(function(){$(this).before(A).appendTo(A);});
me.mouseout(function(){A.before($(this));});
me.click(function(){
A.attr("href", "#|");
returnData = f.apply(this, arguments);
});
}
1). 首先，說一下最終的效果，是實現用 “A” 包含你要觸發彈窗的元素，原來的click事件要返回彈窗的URL 對應這一句:
復制代碼代碼如下:
returnData = f.apply(this, arguments);
2). 然后就要說到彈窗攔截的策略了，具體我就不說了，反正 策略里是不會攔截 “A” 本身吧
3). 最后就是合成了，用A包含后，因為事件會冒泡，所以利用正常的點擊，生成動態的 鏈接地址 給A，觸發A的原始點擊事件，就完成了。
希望本文所述對大家的javascript程序設計有所幫助。
