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)有可能也會(huì)被阻止...

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

當(dāng)按下一個(gè)按鈕時(shí)，想打開一個(gè)新的標(biāo)簽頁，可以模擬鏈接被按下，然后打開鏈接。
但是在jQuery中，使用a.click(), a.trigger('click')等都不會(huì)引起鏈接默認(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);

    });

}

1). 首先，說一下最終的效果，是實(shí)現(xiàn)用 “A” 包含你要觸發(fā)彈窗的元素，原來的click事件要返回彈窗的URL 對應(yīng)這一句:

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

returnData = f.apply(this, arguments);

2). 然后就要說到彈窗攔截的策略了，具體我就不說了，反正策略里是不會(huì)攔截 “A” 本身吧
3). 最后就是合成了，用A包含后，因?yàn)槭录?huì)冒泡，所以利用正常的點(diǎn)擊，生成動(dòng)態(tài)的鏈接地址給A，觸發(fā)A的原始點(diǎn)擊事件，就完成了。

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

您可能感興趣的文章: