jquery中開啟新視窗的方法:先建立一個form表單;然後透過表單提交來實現開啟新窗口,如【form.target = ‘_blank‘;form.method = ‘POST‘;】。
本教學操作環境: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中文網其他相關文章!