JavaScript实现提交模式窗口后刷新父窗口数据的方法


Posted in Javascript onJune 16, 2017

本文实例讲述了JavaScript实现提交模式窗口后刷新父窗口数据的方法。分享给大家供大家参考,具体如下:

有些时间,按需求设计,一个窗口中,点击按扭,弹出模式窗口,在模式窗口中,添加完数据后(提交),关闭模式窗口,并且刷新父窗口,而恰恰模式窗口并不支持window.opener,所以无法获得父窗口,也就是说无法在关闭模式窗口后,来得到父窗口,但是可以借助showModealDialog的返回值来判断是否刷新,当调用showModealDialog时,父窗口代码会停在这一行,当弹出的模式窗口关闭时给window.returnValue赋值,再调用window.close()方法,最后submit提交,等数据提交后,会关闭了模式窗口,此时程序返回到父窗口,showModealDialog得到返回值,接下来,根据返回值即可决定是否要reload,注意:为避免打开新窗口,一定要在父窗口的<head>下加入<base target="_self" />,这样子就实现了关闭模式窗口来刷新父窗口了。

代码1:parent form

function showDatas(){
  var re=window.showModalDialog("url","parameter","description");
  if(re==1){
    window.location.reload();
  }
}

代码2:modal form

function subForm(){
  window.returnValue="1";
  window.close();
  document.getElementById("myForm").submit();
}

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
jquery遍历input取得input的name
Apr 27 Javascript
动态加载图片路径 保持JavaScript控件的相对独立性
Sep 06 Javascript
简单介绍JavaScript中字符串创建的基本方法
Jul 07 Javascript
javascript实现数组中的内容随机输出
Aug 11 Javascript
快速入门Vue
Dec 19 Javascript
jQuery获取选中单选按钮radio的值
Dec 27 Javascript
webpack开发跨域问题解决办法
Aug 03 Javascript
Vue无限滑动周选择日期的组件的示例代码
Jul 18 Javascript
详解微信小程序调用支付接口支付
Apr 28 Javascript
微信小程序常用赋值方法小结
Apr 30 Javascript
微信小程序实现点击空白隐藏的方法示例
Aug 13 Javascript
JavaScript检测是否开启了控制台(F12调试工具)
Oct 02 Javascript
JS 组件系列之BootstrapTable的treegrid功能
Jun 16 #Javascript
vue之数据交互实例代码
Jun 16 #Javascript
基于jQuery和CSS3实现APPLE TV海报视差效果
Jun 16 #jQuery
JS基于正则实现数字千分位用逗号分隔的方法
Jun 16 #Javascript
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 #jQuery
基于JS实现网页中的选项卡(两种方法)
Jun 16 #Javascript
angular ng-click防止重复提交实例
Jun 16 #Javascript
You might like
一个简单的自动发送邮件系统(二)
2006/10/09 PHP
php 短链接算法收集与分析
2011/12/30 PHP
功能强大的php文件上传类
2016/08/29 PHP
Redis构建分布式锁
2017/03/28 PHP
thinkPHP5.0框架事务处理操作简单示例
2018/09/07 PHP
PHP hex2bin()函数用法讲解
2019/02/25 PHP
广告代码静态化js通用函数
2007/05/09 Javascript
十分钟打造AutoComplete自动完成效果代码
2009/12/26 Javascript
Prototype源码浅析 Number部分
2012/01/16 Javascript
让新消息在网页标题闪烁提示的jQuery代码
2013/11/04 Javascript
Jquery中的层次选择器与find()的区别示例介绍
2014/02/20 Javascript
JS函数this的用法实例分析
2015/02/05 Javascript
Bootstrop实现多级下拉菜单功能
2016/11/24 Javascript
基于bootstrap实现bootstrap中文网巨幕效果
2017/05/02 Javascript
JavaScript之RegExp_动力节点Java学院整理
2017/06/29 Javascript
javascript数据类型中的一些小知识点(推荐)
2019/04/18 Javascript
jQuery模拟html下拉多选框的原生实现方法示例
2019/05/30 jQuery
echarts柱状图背景重叠组合而非并列的实现代码
2020/12/10 Javascript
利用Vue实现简易播放器的完整代码
2020/12/30 Vue.js
给Python IDLE加上自动补全和历史功能
2014/11/30 Python
python 为什么说eval要慎用
2019/03/26 Python
python算法与数据结构之单链表的实现代码
2019/06/27 Python
Python环境下安装PyGame和PyOpenGL的方法
2020/03/25 Python
python 双循环遍历list 变量判断代码
2020/05/04 Python
Python实现清理微信僵尸粉功能示例【基于itchat模块】
2020/05/29 Python
CSS3制作皮卡丘动画壁纸的示例
2020/11/02 HTML / CSS
websocket+sockjs+stompjs详解及实例代码
2018/11/30 HTML / CSS
Scholastic父母商店:儿童书籍
2017/01/01 全球购物
中介业务员岗位职责
2014/04/09 职场文书
博士生导师推荐信
2014/07/08 职场文书
安全责任书模板
2014/07/22 职场文书
企业财务总监岗位职责
2015/04/03 职场文书
乡镇司法所2015年度工作总结
2015/10/14 职场文书
Python实现Telnet自动连接检测密码的示例
2021/04/16 Python
PostgreSQL数据库创建并使用视图以及子查询
2022/04/11 PostgreSQL
CI Games宣布《堕落之王2》使用虚幻引擎5制作 预计将于2023年正式发售
2022/04/11 其他游戏