js模擬form打開新窗口

1.打開新窗口

function postNew(url, params) {
var form = $("<form method='post'></form>");
var input;
form.attr({ "action": url });
if (params != "") {
$.each(params, function (key, value) {
input = $("<input type='hidden'>");
input.attr({ "name": key });
input.val(value);
form.append(input);
});
}
form.attr({ "target":"_blank" });
$(document.body).append(form);
form.submit();
}

 

/**
* form表單提交本頁面打開
* @param url
* @param params
*/
function postCurrent(url, params) {
var form = $("<form method='post'></form>");
var input;
form.attr({ "action": url });
if (params != "") {
$.each(params, function (key, value) {
input = $("<input type='hidden'>");
input.attr({ "name": key });
input.val(value);
form.append(input);
});
}
$(document.body).append(form);
form.submit();
}

 

/**
* form表單提交新打開頁面,彈出窗口
* @param url
* @param params
*@windowname
*/
function postNew(url, params, windowname) {
var form = $("<form method='post'></form>");
var input;
form.attr({ "action": url });
if (params != "") {
$.each(params, function (key, value) {
input = $("<input type='hidden'>");
input.attr({ "name": key });
input.val(value);
form.append(input);
});
}
form.attr({ "target": windowname });
window.addEventListener("onsubmit", function () { openWindow(windowname); });
$(document.body).append(form);
window.dispatchEvent(new Event("onsubmit"))
form.submit();
}

function openWindow(name) {
window.open('about:blank', name, 'height=400, width=400, top=0, left=0, toolbar=yes, menubar=yes, scrollbars=yes, resizable=yes,location=yes, status=yes');
}

參數解釋：
      window.open 彈出新窗口的命令； 
　　'about:blank' 彈出窗口的文件名； 
　　name 彈出窗口的名字（不是文件名），非必須，可用空''代替； 
　　height=400 窗口高度； 
　　width=400 窗口寬度； 
　　top=0 窗口距離屏幕上方的象素值； 
　　left=0 窗口距離屏幕左側的象素值； 
　　toolbar=no 是否顯示工具欄，yes為顯示； 
　　menubar，scrollbars 表示菜單欄和滾動欄。 
　　resizable=no 是否允許改變窗口大小，yes為允許； 
　　location=no 是否顯示地址欄，yes為允許； 
　　status=no 是否顯示狀態欄內的信息（通常是文件已經打開），yes為允許；

 

//調用
preview()
{
var json = {
'workStatus': workStatus,
'designNums': this.designNums,
'designModel': this.designModel,
'worksType': this.worksInfo.worksType,
'designUserList': JSON.stringify(designUserList),
'promiseImg1': this.promiseImg1,
'promiseImg2': this.promiseImg2,
'promiseImg3': this.promiseImg3,
'promiseImg4': this.promiseImg4,
'worksInfo': JSON.stringify(worksInfo)
};
var postUrl = 'https://www.baidu.com/';
postCurrent(postUrl, json);

}