解决js无法提交表单并关闭窗口的简单方法

最新推荐文章于 2021-03-28 03:14:41 发布
原创 最新推荐文章于 2021-03-28 03:14:41 发布 · 1.4k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#js #javascript
本文介绍了如何在JavaScript中实现表单提交后跳转至新窗口并在新窗口关闭的操作，提供了具体示例代码。

我们都知道javascript是单线程，javascript不像一般程序语言按顺序执行，当你打算在一段js代码里完成提交表单之后并关闭窗口，其实是行不通的。我觉得最方便的方法就是当提交完表单之后跳转到新的窗口在实行关闭。新窗口的代码如下

<html>
<body onload="window.close()"></body>
</html>


js提交后关闭子窗口
nielei317的专栏
06-30 944
[code=JScript][/code]var xmlHttp = false;  try{  xmlHttp = new XMLHttpRequest();  }catch(tryMicrosoft){  try{  xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");  }catch(otherMicorsoft){  try{  xmlHttp =
关于layer.js 弹出框表单提交关闭父窗口出现表单提交失效的问题
lilovfly的专栏
02-09 4968
对于layer.js出现回调关闭父类的弹出层时，之前的表单的submit失效的问题：      如何解决：网上有很多，有的是转为ajax的请求，在数据传输完再关闭父类的弹出层：      下面是关闭父弹出层的办法：         var index = parent.layer.getFrameIndex(window.name); //获取窗口索引         parent.lay
jsp中新窗口form提交时不打开新窗口并关闭当前窗口
justdoit_potato的博客
12-29 3578
----------------------------------不打开新窗口的方法--------------------------------------- 其实很简单，加上以下代码：        window.name = "curWindow";   对应的form添加target： curWindow"> --------------------
AngularJs学习笔记-表单处理
aiyucha1786的博客
02-15 319
表单处理 （1）Angular表单API 1、模板式表单，需引入FormsModule 2、响应式表单，需引入ReactiveFormsModule （2）模板式表单 在Angular中使用form表单时，Angular会接管表单的处理，一些form表单原生的特性将不再生效 如Angular会拦截HTML标准的表单提交事件，表单提交事件将会导致页面刷新，而spa应...
提交form表单到MVC后台之后如何关闭当前页面
linshichen的专栏
08-06 2109
首先，我是做了一些尝试的，一开始我的想法是这样的，如果能返回一段javascript脚本并执行我就可以利用这段脚本关闭当前窗口。然而，无论我Content里面怎么写，甚至改第二个参数类似contentType的东西试图，改变返回到前端的这段脚本的格式，但是在前端总是冷冰冰的显示出原样，并不识别成javascript执行。 后来，我想了一个办法我先用后台的ViewBag传递一个参数给前端，然后在前端根据这个参数比对来决定是否执行下面的一段脚本，一开始想法也简单用window.cl...
111 js iframe表单提交后自动关闭 &
fancivez的专栏
11-07 2900
dialog插件api相关 background: 因为项目需要，要用dialog插件实现新增功能页面 demands:  1.高度自适应： autoFit ：true   2.新增结束窗口关闭 方法1： thinkphp: $this->assign('jumpUrl','javascript:window.close();');
页面中弹出模态窗口，提交表单后关闭窗口并刷新父页面解决方法
天空蔚蓝
09-24 2969
父页面： function addPminfo(num){ var returnValue = window.showModalDialog(“a.jsp”, window, "dialogWidth=570px;dialogHeight=250px;center=yes;h
php提交表单关闭弹出层,使用js实现关闭js弹出层的窗口
weixin_35755434的博客
03-28 146
本篇文章主要是对使用js实现关闭js弹出层的窗口的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助function toggle() {theObj = document.getElementById('Sunyanzi').style;if ( theObj.display == "none" ) theObj.display = "block"; else theObj.di...
js取消提交表单
m0_47659279的博客
01-14 1742
js取消提交表单，只需要使form的onsubmit()返回false即可。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </
jS 清除form表单
jiandan1127的博客
12-20 6668
ps : JQ在重置form时 $('#form').reset()是没有这个方法的        解决方法   document.getElementById('id').reset()   $('#id')[0].reset()
怎么用js取消浏览器的表单提示
hsany330的专栏
09-30 1052
如何用js取消浏览器的表单提示 文本域，点击的时候，有些浏览器会根据历史输入，自动提示一些内容。如 怎么用脚本屏蔽掉这个提示框？(而不是通过设置浏览器)。 input 添加属性 autocomplete="off"
JavaScript和jquery取消表单提交
qq_32718869的博客
06-06 7117
JavaScript取消表单提交： 1、表单提交事件onsubmit，事件函数返回false时，可以取消表单的提交。 用法示例：onsubmit="return func();"或者form.onsubmit=function(){return false;}   &lt;form id="login" class="form-horizontal" action="login_logi...
表单提交后关闭页面（layer弹窗）
热门推荐
没伞的孩子就得跑的专栏
02-19 4万+
很多时候，我们需要在页面上弹出一些窗口供用户操作或者是一些提示信息。当然了，弹出一个表单也是有这样的需求的。那么问题就来了。当这个表单提交之后，我们需要关闭这个弹窗啊。按照我们对程序执行的顺序，我们很容易想到在submit（）函数调用后再加上一句关闭的语句。但是，你会发现加上之后确实能关闭，但是表单根本不会提交。好吧，这个时候你就开始不知道怎么办了，开始各种百度”submit（）执行之后执行js、s
自动关闭窗体的JS代码
紫薇星--路在你脚下！
04-30 2325
今天在打开一个不留意的网站，弹出广告后自动关闭了，很郁闷，看看代码如下：  function clickto(){  open(http://www.xxx1.com); } function get_url(i){  //document.write(">http://ww.xxx2.com">); return http://www.xxx3.com;}cid="4996";a
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值