首頁  >  文章  >  web前端  >  jquery中怎麼開啟新視窗

jquery中怎麼開啟新視窗

王林
王林原創
2020-11-25 11:24:363887瀏覽

jquery中開啟新視窗的方法:先建立一個form表單;然後透過表單提交來實現開啟新窗口,如【form.target = ‘_blank‘;form.method = ‘POST‘;】。

jquery中怎麼開啟新視窗

本教學操作環境:windows10系統、jquery2.2.4版,此方法適用於所有品牌電腦。

(學習影片分享:jquery影片教學

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

相關推薦:js教學

以上是jquery中怎麼開啟新視窗的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn