form表单post提交 并且提交到一个新的窗口(注意:window.open()形式的窗口)

本文介绍如何利用JavaScript动态创建新窗口并提交表单至该窗口的方法。通过设置`window.open`的参数及表单的`target`属性实现每次点击都打开新窗口并提交指定表单。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

JS代码:

<script type="text/javascript" src="jquery-1.2.6.js" ></script>
<script>
function windowOpen(){
 var toDay = new Date();
 winName = "win"+toDay.getTime();//为了保证提交不会读取本地的缓存
 $("#form1").attr("action","test2.html");//设置form表单提交的URL路径 是 test2.html

//为了表示区分,window.open 打开的是 test3.html
 window.open("test3.html",winName,"status=yes,toolbar=no,menubar=no,location=no");

 $("#form1").attr("target",winName);
 $("#form1").submit();

//代码走到这里之后,将会提交到window.open中的窗口,页面是test2.html
}
</script>

html代码:

<form id="form1" method="post" onsubmit="windowOpen()" >
 <input type="submit" value="提交打开新的页面" />
</form>

知识点:

1、form的target属性,可以设置window的name,为目标窗体 
2、window.open第二个参数,是它的name。 
winName需要设置成一个不重复的id,否则再次点击只会刷新已经打开的window,而不会打开新页面。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值