模拟form表单提交来打开一个新的页面 - 小码飞跑 - 沸点 - 掘金

高级前端工程师

模拟form表单提交来打开一个新的页面

它的主要思路就是动态构建一个隐藏的form表单，将其target设为“_blank”,然后在动态构建起表单参数，最后手动触发起click事件。

举个例子，我们要在一段js代码中打开

www.baidu.com这个链接。我们可以用如下的代码来实现。

//js代码
var form='<form action="

www.baidu.com" target="_blank" id="windowOpen" style="display:none">';
form+='<input name="a" value=1 />';
form+='</form>';
$('body').append(form);
$('#windowOpen').submit();
$('#windowOpen').remove();

展开