JS打開新窗口防止被瀏覽器阻止的方法

更新時間：2015年01月03日 10:51:14 投稿：shichen2014

這篇文章主要介紹了JS打開新窗口防止被瀏覽器阻止的方法,分析對比了常用方法與改進(jìn)方法,是非常實(shí)用的技巧,需要的朋友可以參考下

本文實(shí)例講述了JS打開新窗口防止被瀏覽器阻止的方法。分享給大家供大家參考。具體分析如下：

用傳統(tǒng)的window.open()方式打開新窗口，會被瀏覽器阻止，那么，我們?nèi)绾尾拍茏孞S打開新窗口不被瀏覽器阻止呢？其實(shí)辦法還是有的，這里我們就來分析一下如何解決這個問題

我最近也遇到了這樣的問題，所以就把彈出新窗口的方法分享給大家。歡迎大家補(bǔ)充哦...

第一種、使用原生javascript的window.open()方法（大部分情況下會被瀏覽自阻止）

第二種、模擬表單(form)提交，原理是指定表單的action為想要打開的URL地址，target設(shè)置為"_blank"

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

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();

不過模擬表單提交的方法經(jīng)有可能也會被阻止...

第三種、模擬超鏈接(<a>)被點(diǎn)擊

當(dāng)按下一個按鈕時，想打開一個新的標(biāo)簽頁，可以模擬鏈接被按下，然后打開鏈接。
但是在jQuery中，使用a.click(), a.trigger('click')等都不會引起鏈接默認(rèn)事件被執(zhí)行。
下面的代碼模擬生成了鏈接點(diǎn)擊事件，然后執(zhí)行默認(rèn)打開鏈接的事件。

不過值得注意的一點(diǎn)是：對應(yīng)IE瀏覽器，只有IE9以上才支持document.createEvent函數(shù)，所以以下代碼在IE執(zhí)行的話要IE9以上才行

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

var a = $("<a  target='_blank' >test</a>").get(0);

 var e = document.createEvent('MouseEvents');

 e.initEvent('click', true, true);

 a.dispatchEvent(e);

第四種、利用瀏覽器的冒泡事件（轉(zhuǎn)載來的）

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

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);

    });

}