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

最新推荐文章于 2021-03-28 03:14:41 发布
原创 最新推荐文章于 2021-03-28 03:14:41 发布 · 1.3k 阅读 · 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代码
紫薇星--路在你脚下！
04-30 2300
今天在打开一个不留意的网站，弹出广告后自动关闭了，很郁闷，看看代码如下：  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
layer关闭弹出窗口触发表单提交问题的处理方法
10-16
3. 调整关闭窗口的逻辑，确保不会触发表单的提交动作。 遵循这些步骤，我们可以有效地解决layer弹出窗口关闭时意外触发表单提交的问题，使得用户操作更加顺畅，提高应用程序的稳定性和易用性。
js提交后关闭子窗口
nielei317的专栏
06-30 922
[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 4919
对于layer.js出现回调关闭父类的弹出层时，之前的表单的submit失效的问题：      如何解决：网上有很多，有的是转为ajax的请求，在数据传输完再关闭父类的弹出层：      下面是关闭父弹出层的办法：         var index = parent.layer.getFrameIndex(window.name); //获取窗口索引         parent.lay
js取消提交表单
m0_47659279的博客
01-14 1687
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> </
php提交表单关闭弹出层,使用js实现关闭js弹出层的窗口
weixin_35755434的博客
03-28 122
本篇文章主要是对使用js实现关闭js弹出层的窗口的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助function toggle() {theObj = document.getElementById('Sunyanzi').style;if ( theObj.display == "none" ) theObj.display = "block"; else theObj.di...
JavaScript实现提交模式窗口后刷新父窗口数据的方法
10-19
为了确保数据提交后再关闭窗口，我们先设置`window.returnValue`，然后提交表单。 ```javascript function subForm() { window.returnValue = "1"; window.close(); document.getElementById("myForm").submit()...
JS+CSS实现带关闭按钮DIV弹出窗口的方法
10-24
JS和CSS实现带有关闭按钮的DIV弹出窗口的方法是一种常见的前端开发技术。本文详细介绍了利用JavaScript和CSS来创建一个可以显示和隐藏的弹出层，其中包含了关闭按钮。这种方法广泛应用于网站中，用于显示提示信息、...
简单可关闭窗口表单响应式网页模板
01-22
"简单可关闭窗口表单"是指在网页中集成的交互式组件，它允许用户填写信息并提交，同时提供了关闭按钮以方便用户随时退出而不必完成表单。这样的设计对于收集用户反馈、注册或订阅服务等场景非常实用。表单的设计应当...
在firefox和Chrome下关闭浏览器窗口无效的解决方法
09-04
在现代Web开发中，有时需要通过JavaScript来控制浏览器窗口的行为，比如关闭窗口。然而，不同浏览器对于这种操作的处理方式存在差异。标题提及的问题聚焦于Firefox和Chrome浏览器中使用`window.close()`方法关闭窗口...
javascript实现自动提交form表单
06-18
内含联系方式，不懂用可以问我！多次修改后已无瑕疵，用它实现当页面刷新的时候自动提交表单数据，目前我把它运用在领取某论坛每日登录礼包这种繁琐的小事中，你还可以运用到更有价值的地方去。
jsp中新窗口form提交时不打开新窗口并关闭当前窗口
justdoit_potato的博客
12-29 3505
----------------------------------不打开新窗口的方法--------------------------------------- 其实很简单，加上以下代码：        window.name = "curWindow";   对应的form添加target： curWindow"> --------------------
AngularJs学习笔记-表单处理
aiyucha1786的博客
02-15 297
表单处理 （1）Angular表单API 1、模板式表单，需引入FormsModule 2、响应式表单，需引入ReactiveFormsModule （2）模板式表单 在Angular中使用form表单时，Angular会接管表单的处理，一些form表单原生的特性将不再生效 如Angular会拦截HTML标准的表单提交事件，表单提交事件将会导致页面刷新，而spa应...
jS 清除form表单
jiandan1127的博客
12-20 6486
ps : JQ在重置form时 $('#form').reset()是没有这个方法的        解决方法   document.getElementById('id').reset()   $('#id')[0].reset()
子窗口iframe表单提交后关闭窗口
08-26
子窗口iframe表单提交后关闭窗口的方法是通过父窗口的JavaScript代码来实现。可以使用以下步骤： 1. 在子窗口的表单中，添加一个提交事件的监听器，当表单提交时执行一段JavaScript代码。 2. 在提交事件的监听器中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值