js模拟form打开新窗口

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

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzgpff.html