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 相关文章推荐
网页中实现浏览器的最大,最小化和关闭按钮
Mar 12 Javascript
Javascript级联下拉菜单以及AJAX数据验证核心代码
May 10 Javascript
JS Loading功能的简单实现
Nov 29 Javascript
使用jquery解析XML示例代码
Sep 05 Javascript
jquery转盘抽奖功能实现
Nov 13 Javascript
Javascript中的对象和原型(二)
Aug 12 Javascript
微信小程序 开发之滑块视图容器(swiper)详解及实例代码
Feb 22 Javascript
javascript数据结构中栈的应用之符号平衡问题
Apr 11 Javascript
你有必要知道的10个JavaScript难点
Jul 25 Javascript
Vue侧滑菜单组件——DrawerLayout
Dec 18 Javascript
vue+php实现的微博留言功能示例
Mar 16 Javascript
JavaScript中var的重要性实例分析
Jul 09 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 IP及IP段进行访问限制的代码
2008/12/17 PHP
php smarty模版引擎中变量操作符及使用方法
2009/12/11 PHP
PHP 编程安全性小结
2010/01/08 PHP
php生成随机密码的三种方法小结
2010/09/04 PHP
PHP数字字符串左侧补0、字符串填充和自动补齐的几种方法
2014/05/10 PHP
jquery 打开窗口返回值实现代码
2010/03/04 Javascript
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
2011/12/26 Javascript
json对象转字符串如何实现
2012/12/02 Javascript
JavaScript实现统计文本框Textarea字数增强用户体验
2012/12/21 Javascript
js onmousewheel事件多次触发问题解决方法
2014/10/17 Javascript
DOM基础教程之事件类型
2015/01/20 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
2016/07/27 Javascript
JS控制静态页面之间传递参数获取参数并应用的简单实例
2016/08/10 Javascript
jQuery中 DOM节点操作方法大全
2017/10/12 jQuery
微信小程序实现点击图片旋转180度并且弹出下拉列表
2018/11/27 Javascript
JS实现简单的点赞与踩功能示例
2018/12/05 Javascript
JavaScript时间与时间戳的转换操作实例分析
2018/12/07 Javascript
js实现点赞按钮功能的实例代码
2020/03/06 Javascript
用Python展示动态规则法用以解决重叠子问题的示例
2015/04/02 Python
独特的python循环语句
2016/11/20 Python
python实现textrank关键词提取
2018/06/22 Python
python dict 相同key 合并value的实例
2019/01/21 Python
jupyter notebook 调用环境中的Keras或者pytorch教程
2020/04/14 Python
python中def是做什么的
2020/06/10 Python
python实现梯度下降算法的实例详解
2020/08/17 Python
美国畅销的跑步机品牌:ProForm
2017/02/06 全球购物
bonprix匈牙利:女士、男士和儿童服装
2019/07/19 全球购物
高中毕业自我鉴定范文
2013/10/02 职场文书
应届生妇产科护士求职信
2013/10/27 职场文书
公司中秋节活动方案
2014/02/12 职场文书
保安队长职务说明书
2014/02/23 职场文书
服务承诺书格式
2014/05/21 职场文书
投标邀请书范本
2015/02/02 职场文书
检讨书范文大全
2015/05/07 职场文书
关于战胜挫折的名言警句大全!
2019/07/05 职场文书
Vue自定义铃声提示音组件的实现
2022/01/22 Vue.js