在jquery中如何開啟新的視窗

在jquery中開啟新視窗的方法：1、建立一個form表單，通過表單提交來實現新分頁開啟；2、通過「window.open('_blank');」來開啟；3、通過「setTimeout(window.open(...);」方式來開啟。

推薦：《》

jquery新視窗開啟的幾種方式

第一種：建立一個form表單，通過表單提交來實現新分頁開啟。

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();
}
//方法呼叫
openNewWindow('www.baidu.com');

注：以上方法js中均可適用，若頁面跳轉的動作是在ajax方法執行後的，需要設定ajax同步執行。新增屬性：async:false。如：

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

以上就是在jquery中如何開啟新的視窗的詳細內容，更多請關注TW511.COM其它相關文章！