html表单打开新,js模拟form打开新窗口

1.打开新窗口

function postNew(url, params) {

var form = $("

");

var input;

form.attr({ "action": url });

if (params != "") {

$.each(params, function (key, value) {

input = $("");

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 = $("

");

var input;

form.attr({ "action": url });

if (params != "") {

$.each(params, function (key, value) {

input = $("");

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 = $("

");

var input;

form.attr({ "action": url });

if (params != "") {

$.each(params, function (key, value) {

input = $("");

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

}