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 相关文章推荐
一些相见恨晚的 JavaScript 技巧
Apr 25 Javascript
jquery load事件(callback/data)使用方法及注意事项
Feb 06 Javascript
jQuery实现异步获取json数据的2种方式
Aug 29 Javascript
两种方法基于jQuery实现IE浏览器兼容placeholder效果
Oct 14 Javascript
JS实现的表格行鼠标点击高亮效果代码
Nov 27 Javascript
轻松学习jQuery插件EasyUI EasyUI创建CRUD应用
Nov 30 Javascript
Highcharts使用简例及异步动态读取数据
Dec 30 Javascript
jQuery1.9+中删除了live以后的替代方法
Jun 17 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
Nov 22 Javascript
JS实现微信摇一摇原理解析
Jul 22 Javascript
jQuery实现对网页节点的增删改查功能示例
Sep 18 jQuery
jquery获取img的src值实例介绍
Jan 16 jQuery
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内置访问资源的超时时间 time_out file_get_contents read_file
2013/06/03 PHP
PHP模拟登陆163邮箱发邮件及获取通讯录列表的方法
2015/03/07 PHP
php两点地理坐标距离的计算方法
2018/12/29 PHP
利用Ext Js生成动态树实例代码
2008/09/08 Javascript
javascript call和apply方法
2008/11/24 Javascript
JS正则验证邮箱的格式详细介绍
2013/11/19 Javascript
一个js控制的导航菜单实例代码
2013/12/03 Javascript
Firefox中使用outerHTML的2种解决方法
2014/06/07 Javascript
JavaScript去除数组里重复值的方法
2015/07/13 Javascript
chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式
2015/10/09 Javascript
浅谈jquery中使用canvas的问题
2016/10/10 Javascript
jQuery 控制文本框自动缩小字体填充
2017/06/16 jQuery
jQuery实现用户信息表格的添加和删除功能
2017/09/12 jQuery
js中split()方法得到的数组长度问题
2018/07/19 Javascript
vuex直接赋值的三种方法总结
2018/09/16 Javascript
解决vue2 在mounted函数无法获取prop中的变量问题
2018/11/15 Javascript
微信小程序 下拉刷新及上拉加载原理解析
2019/11/06 Javascript
微信小程序开发中var that =this的用法详解
2020/01/18 Javascript
Openlayers实现距离面积测量
2020/09/28 Javascript
Python内置函数bin() oct()等实现进制转换
2012/12/30 Python
解决Shell执行python文件,传参空格引起的问题
2018/10/30 Python
Python Selenium 之关闭窗口close与quit的方法
2019/02/13 Python
python实现栅栏加解密 支持密钥加密
2019/03/20 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
Python爬虫学习之获取指定网页源码
2019/07/30 Python
Python3 ID3决策树判断申请贷款是否成功的实现代码
2020/05/21 Python
Python的历史与优缺点整理
2020/05/26 Python
Python代码覆盖率统计工具coverage.py用法详解
2020/11/25 Python
一些常用的HTML5模式(pattern) 总结
2015/07/14 HTML / CSS
Boden美国官网:英伦原创时装品牌
2017/07/03 全球购物
美国最大点评网站:Yelp
2018/02/14 全球购物
迪拜领先运动补剂零售品牌中文站:Sporter商城
2019/08/20 全球购物
医学护理毕业生自荐信
2013/11/07 职场文书
文明村镇申报材料
2014/05/06 职场文书
群众路线教育实践活动学习笔记内容
2014/11/06 职场文书
安全生产奖惩制度
2015/08/06 职场文书