jquery中打開新窗口的方法

這篇文章給大家分享的是有關jquery中打開新窗口的方法的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

jquery中打開新窗口的方法：首先創(chuàng)建一個form表單；然后通過表單提交來實現(xiàn)打開新窗口，如【form.target = ‘_blank‘; form.method = ‘POST‘;】。

jquery打開新窗口有如下幾種方式：

第一種：創(chuàng)建一個form表單，通過表單提交來實現(xiàn)新標簽頁打開。

var form = document.createElement(‘form‘);
form.action = ‘www.baidu.com?id=1‘;
form.target = ‘_blank‘;
form.method = ‘POST‘;
document.body.appendChild(form);
form.submit();

第二種：

var tempwindow=window.open('_blank');
tempwindow.location='www.baidu.com' ;

第三種：

setTimeout(window.open('www.baidu.com'), 500);

第四種：（與第一種相似）

/* 在新窗口中打開 */
function openNewWindow(url) {
    var a = document.createElement('a');
    a.setAttribute('href', url);
    a.setAttribute('target', '_blank');
    var id = Math.random(10000, 99999);
    a.setAttribute('id', id);
    // 防止反復添加
    if (!document.getElementById(id)) {
        document.body.appendChild(a);
    }
    a.click();
}
//方法調(diào)用
openNewWindow('www.baidu.com');

注：以上方法js中均可適用，若頁面跳轉的動作是在ajax方法執(zhí)行后的，需要設置ajax同步執(zhí)行。添加屬性：async:false。如：

$.ajax({
                type: 'post',
                data: param,
                url: 'ActionUrl',
                dataType: 'json',
                async:false,
                success: function (msg) {
openNewWindow('www.baidu.com');
}

感謝各位的閱讀！關于jquery中打開新窗口的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！