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 相关文章推荐
纯js实现瀑布流展现照片(自动适应窗口大小)
Apr 08 Javascript
jQuery中选择器小问题(新人难免遇到)
Mar 31 Javascript
使用jQuery管理选择结果
Jan 20 Javascript
JavaScript编程中容易出BUG的几点小知识
Jan 31 Javascript
jQuery模仿单选按钮选中效果
Jun 24 Javascript
在vue项目中引入highcharts图表的方法(详解)
Mar 05 Javascript
webpack external模块的具体使用
Mar 10 Javascript
详解Vue.js在页面加载时执行某个方法
Nov 20 Javascript
详解小程序input框失焦事件在提交事件前的处理
May 05 Javascript
Node如何后台数据库使用增删改查功能
Nov 21 Javascript
jQuery 移除事件的方法
Jun 20 jQuery
vant picker+popup 自定义三级联动案例
Nov 04 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 中执行排序与 MySQL 中排序
2009/04/21 PHP
PHP编程文件处理类SplFileObject和SplFileInfo用法实例分析
2017/07/22 PHP
PHP匿名函数(闭包函数)详解
2019/03/22 PHP
Jquery cookie操作代码
2010/03/14 Javascript
js确定对象类型方法
2012/03/30 Javascript
浅析jquery的作用与优势
2013/12/02 Javascript
JS文本获得焦点清除文本文字的示例代码
2014/01/13 Javascript
Javascript基础教程之break和continue语句
2015/01/18 Javascript
JavaScript函数作用域链分析
2015/02/13 Javascript
js判断是否是手机页面
2017/03/17 Javascript
Angular中实现树形结构视图实例代码
2017/05/05 Javascript
微信小程序滑动选择器的实现代码
2018/08/10 Javascript
Vue cli3 库模式搭建组件库并发布到 npm的流程
2018/10/12 Javascript
微信小程序在地图选择地址并返回经纬度简单示例
2018/12/03 Javascript
从组件封装看Vue的作用域插槽的实现
2019/02/12 Javascript
Vue项目中如何使用Axios封装http请求详解
2019/10/23 Javascript
RxJS在TypeScript中的简单使用详解
2020/04/13 Javascript
[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示
2014/11/25 DOTA
[01:15:29]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第三局
2016/03/04 DOTA
Python编程入门的一些基本知识
2015/05/13 Python
python实现将html表格转换成CSV文件的方法
2015/06/28 Python
在Django的上下文中设置变量的方法
2015/07/20 Python
Python爬取数据并写入MySQL数据库的实例
2018/06/21 Python
python3.x 将byte转成字符串的方法
2018/07/17 Python
Python解析Excle文件中的数据方法
2018/10/23 Python
一篇文章弄懂Python中所有数组数据类型
2019/06/23 Python
使用python和pygame制作挡板弹球游戏
2019/12/03 Python
python 的topk算法实例
2020/04/02 Python
Python搭建Keras CNN模型破解网站验证码的实现
2020/04/07 Python
什么是Python中的匿名函数
2020/06/02 Python
Canvas多边形绘制的实现方法
2019/08/05 HTML / CSS
简历自我评价怎么写呢?
2014/01/06 职场文书
安全事故检讨书
2014/01/18 职场文书
家具商场的活动方案
2014/08/16 职场文书
Canvas跟随鼠标炫彩小球的实现
2021/04/11 Javascript