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 相关文章推荐
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
Jan 07 Javascript
jquery获取当前元素索引值用法实例
Jun 10 Javascript
轻松学习jQuery插件EasyUI EasyUI创建CRUD应用
Nov 30 Javascript
js简单网速测试方法完整实例
Dec 15 Javascript
JavaScript知识点总结(十)之this关键字
May 31 Javascript
javaScript语法总结
Nov 25 Javascript
纯js的右下角弹窗实例
Mar 12 Javascript
Vue前端开发规范整理(推荐)
Apr 23 Javascript
基于vue2.0的活动倒计时组件countdown(附源码下载)
Oct 09 Javascript
Vue3 源码导读(推荐)
Oct 14 Javascript
JS实现碰撞检测效果
Mar 12 Javascript
JS实现点星星消除小游戏
Mar 24 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
PHP正确解析UTF-8字符串技巧应用
2012/11/07 PHP
与文件上传有关的php配置参数总结
2013/06/14 PHP
windows7下安装php的php-ssh2扩展教程
2014/07/04 PHP
PHP面向对象程序设计组合模式与装饰模式详解
2016/12/02 PHP
jQuery中 attr() 方法使用小结
2015/05/03 Javascript
简介JavaScript中的unshift()方法的使用
2015/06/09 Javascript
jquery+php随机生成红包金额数量代码分享
2015/08/27 Javascript
js图片轮播特效代码分享
2015/09/07 Javascript
node.js实现快速截图
2016/08/27 Javascript
JavaScript错误处理和堆栈追踪详解
2017/04/18 Javascript
React.js中常用的ES6写法总结(推荐)
2017/05/09 Javascript
基于vue2.0实现简单轮播图
2017/11/27 Javascript
VUE Error: getaddrinfo ENOTFOUND localhost
2018/05/03 Javascript
JS实现数组去重及数组内对象去重功能示例
2019/02/02 Javascript
Vue 使用formData方式向后台发送数据的实现
2019/04/14 Javascript
微信小程序从注册账号到上架(图文详解)
2019/07/17 Javascript
js面向对象之实现淘宝放大镜
2020/01/15 Javascript
python错误:AttributeError: 'module' object has no attribute 'setdefaultencoding'问题的解决方法
2014/08/22 Python
Python中的多重装饰器
2015/04/11 Python
安装Python的web.py框架并从hello world开始编程
2015/04/25 Python
django基础之数据库操作方法(详解)
2017/05/24 Python
python实现剪切功能
2019/01/23 Python
Python将字符串常量转化为变量方法总结
2019/03/17 Python
python3转换code128条形码的方法
2019/04/17 Python
python super函数使用方法详解
2020/02/14 Python
美国一家主打母婴用品的团购网站:zulily
2017/09/19 全球购物
JACK & JONES荷兰官网:男士服装和鞋子
2021/03/07 全球购物
党校学习心得体会范文
2014/09/09 职场文书
新闻学专业职业生涯规划范文:我的人生我做主
2014/09/12 职场文书
武侯祠导游词
2015/02/04 职场文书
公司市场部岗位职责
2015/04/15 职场文书
同事欢送会致辞
2015/07/31 职场文书
总经理聘用协议书
2015/09/21 职场文书
Maven学习----Maven安装与环境变量配置教程
2021/06/29 Java/Android
golang 实用库gotable的具体使用
2021/07/01 Golang
Win11黑色桌面背景怎么办?Win11黑色壁纸解决方法汇总
2022/04/05 数码科技