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

最新推荐文章于 2021-03-28 03:14:41 发布
最新推荐文章于 2021-03-28 03:14:41 发布
阅读量1.2k 收藏
点赞数
分类专栏： javascript 文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jinfeng_10/article/details/17102923
版权

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

<html>
<body οnlοad="window.close()"></body>
</html>


tnessfftto
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript网页特效范例宝典源码
09-04
实例070 不提交表单获取单选按钮的值 114 实例071 选中单选按钮后显示其他表单元素 116 实例072 通过单选按钮控制其他表单元素是否可用 117 2.4 复选框 117 实例073 不提交表单获取复选框的值 118 实例074 控制复选...
AngularJs学习笔记-表单处理
aiyucha1786的博客
02-15 176
表单处理 （1）Angular表单API 1、模板式表单，需引入FormsModule 2、响应式表单，需引入ReactiveFormsModule （2）模板式表单 在Angular中使用form表单时，Angular会接管表单的处理，一些form表单原生的特性将不再生效 如Angular会拦截HTML标准的表单提交事件，表单提交事件将会导致页面刷新，而spa应...
php提交表单关闭弹出层,使用js实现关闭js弹出层的窗口
weixin_35755434的博客
03-28 79
本篇文章主要是对使用js实现关闭js弹出层的窗口的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助function toggle() {theObj = document.getElementById('Sunyanzi').style;if ( theObj.display == "none" ) theObj.display = "block"; else theObj.di...
js取消提交表单
m0_47659279的博客
01-14 1385
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> </
程序天下:JavaScript实例自学手册
07-08
12.5 关闭窗口不提示的方法 12.6 关闭窗口时的提示 12.7 定时弹出窗口 12.8 调整窗口的大小 12.9 打开的窗口居中 12.10 打开窗口的等待提示 12.11 在打开的窗口中返回数据 12.12 创建弹出窗口 12.13 不允许窗口出现...
JavaScript经典实例
06-05
　9.2动态关闭或打开表单元素 　9.3根据一个事件从表单元素获取信息 　9.4当点击单选按钮的时候执行一个动作 　9.5检查一个有效的电话号码 　9.6取消表单提交 　9.7阻止重复表单提交 　9.8隐藏和显示表单元素 　9.9...
javascript练习
09-20
其中包含javaScript上机题目，以及答案源码 题目如下 1、 页面两侧的可关闭的对联广告 2、 窗口加载的时候打开一个无状态栏，地址栏的广告窗口 3、 页面中五张轮换播放的最新产品图片 4、 用户名和密码不能为空，...
Iduna-Image-Selector:JavaScript形式输入转换器。 创建一个交互式画廊风格的图像选择器
05-05
所选图像的值存储在现在隐藏的输入元素中，准备提交表单等。 如何使用 即将推出... Gulp命令 gulp构建-将Sass和Javascript编译到dist文件夹中 gulp sass-将Sass文件编译到dist文件夹中 gulp js-将Javascript文件...
jS 清除form表单
jiandan1127的博客
12-20 6352
ps : JQ在重置form时 $('#form').reset()是没有这个方法的        解决方法   document.getElementById('id').reset()   $('#id')[0].reset()
111 js iframe表单提交后自动关闭 &
fancivez的专栏
11-07 2726
dialog插件api相关 background: 因为项目需要，要用dialog插件实现新增功能页面 demands:  1.高度自适应： autoFit ：true   2.新增结束窗口关闭 方法1： thinkphp: $this->assign('jumpUrl','javascript:window.close();');
JavaScript和jquery取消表单提交
qq_32718869的博客
06-06 6638
JavaScript取消表单提交： 1、表单提交事件onsubmit，事件函数返回false时，可以取消表单的提交。 用法示例：onsubmit="return func();"或者form.onsubmit=function(){return false;}   &lt;form id="login" class="form-horizontal" action="login_logi...
怎么用js取消浏览器的表单提示
hsany330的专栏
09-30 951
如何用js取消浏览器的表单提示 文本域，点击的时候，有些浏览器会根据历史输入，自动提示一些内容。如 怎么用脚本屏蔽掉这个提示框？(而不是通过设置浏览器)。 input 添加属性 autocomplete="off"
表单提交后关闭页面（layer弹窗）
热门推荐
没伞的孩子就得跑的专栏
02-19 4万+
很多时候，我们需要在页面上弹出一些窗口供用户操作或者是一些提示信息。当然了，弹出一个表单也是有这样的需求的。那么问题就来了。当这个表单提交之后，我们需要关闭这个弹窗啊。按照我们对程序执行的顺序，我们很容易想到在submit（）函数调用后再加上一句关闭的语句。但是，你会发现加上之后确实能关闭，但是表单根本不会提交。好吧，这个时候你就开始不知道怎么办了，开始各种百度”submit（）执行之后执行js、s
自动关闭窗体的JS代码
紫薇星--路在你脚下！
04-30 2227
今天在打开一个不留意的网站，弹出广告后自动关闭了，很郁闷，看看代码如下：  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
子窗口iframe表单提交后关闭窗口
最新发布
08-26
子窗口iframe表单提交后关闭窗口的方法是通过父窗口的JavaScript代码来实现。可以使用以下步骤： 1. 在子窗口的表单中，添加一个提交事件的监听器，当表单提交时执行一段JavaScript代码。 2. 在提交事件的监听器中，使用`window.parent`来访问父窗口的JavaScript代码。 3. 使用`window.parent`调用父窗口中的关闭窗口方法，例如`window.parent.closeWindow()`。 下面是一个示例代码： 在子窗口的HTML文件中： ``` <form id="myForm" action="submit.html" method="post"> <!-- form fields here --> <button type="submit">提交</button> </form> <script> document.getElementById('myForm').addEventListener('submit', function(e) { e.preventDefault(); // 阻止表单提交的默认行为 // 调用父窗口的关闭窗口方法 window.parent.closeWindow(); }); </script> ``` 在父窗口的JavaScript中： ``` function closeWindow() { // 关闭子窗口 // 可以使用window.close()方法来关闭窗口，但是需要注意该方法在某些浏览器中可能会被禁用 // 为了更好的兼容性，可以使用以下方法： var iframe = document.getElementById('mainFrame'); iframe.parentNode.removeChild(iframe); } ``` 请注意，上述代码中的`mainFrame`是父窗口中iframe的id，你可能需要根据实际情况进行修改。另外，由于安全限制，关闭窗口的功能可能在某些浏览器中受到限制。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [javascript iframe编程相关代码](https://download.csdn.net/download/weixin_38632046/14816473)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [111 js iframe表单提交后自动关闭 &](https://blog.csdn.net/fancivez/article/details/49704945)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值