然后想到了写邮件时候的新窗口预览,查了下126邮箱和qq邮箱的预览实现效果,以及各种谷歌百度stackoverflow进行搜索。得出以下方案。
/*
* 在新窗口POST
* action: form的action属性,要post的地址(url)
* data: form中的数据,数据格式为 [{name: "", value: ""}, {name: "", value: ""}]
* data的值可以使用jQuery的方法 $("#form1").serializeArray()获得。
*/
createPostNewWindow: function(action, data){
var _doc = document
var _form = _doc.createElement("form")
_form.method = "POST"
_form.target = "_blank"
_form.action = action
data.forEach(function(element) {
var _input = _doc.createElement("input")
_input.type = "hidden"
_input.name = element.name
_input.value = element.value
_form.appendChild(_input)
})
_doc.body.appendChild(_form)
_form.submit()
_doc.body.removeChild(_form)
}
方法和详细的操作步骤如下:
1、第一步,创建文件夹,此文件夹包含一个js文件夹和一个html文件。 js文件夹用于存储需要导入的js文件,见下图,转到下面的步骤。
2、第二步,执行完上面的操作之后,打开html文件,在html文件上找到<body>,在<body>标记中创建按钮标签,然后向该标签添加click addJs事件,见下图,转到下面的步骤。
3、第三步,执行完上面的操作之后,在js文件夹中创建一个js文件,名称为addJs.js,见下图,转到下面的步骤。
4、第四步,执行完上面的操作之后,在addJs.js文件中输入一个警报弹出框并保存。 成功导入js文件后,将执行警报弹出框,见下图,转到下面的步骤。
5、第五步,执行完上面的操作之后,返回html文件,在按钮输入框后面创建一个脚本标签,然后添加用于引入addJs.js文件的addJs事件,见下图,转到下面的步骤。
6、第六步,执行完上面的操作之后,保存html文件,使用浏览器将其打开,然后单击按钮以查看弹出窗口,表明js文件已成功引入,见下图。这样,以上的问题就解决了。