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下过滤数组重复值的代码
Sep 10 Javascript
jQuery实现动画效果的实例代码
May 07 Javascript
jquery实现的Accordion折叠面板效果代码
Sep 02 Javascript
AngularJS入门教程之迭代器过滤详解
Aug 18 Javascript
浅谈js常用内置方法和对象
Sep 24 Javascript
jQuery Easyui datagrid editor为combobox时指定数据源实例
Dec 19 Javascript
微信小程序之获取当前位置经纬度以及地图显示详解
May 09 Javascript
Vue cli 引入第三方JS和CSS的常用方法分享
Jan 20 Javascript
JavaScript防止全局变量污染的方法总结
Aug 02 Javascript
在Vue组件中获取全局的点击事件方法
Sep 06 Javascript
javascript for循环性能测试示例
Aug 07 Javascript
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
Mar 20 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开启安全模式后禁用的函数集合
2011/06/26 PHP
如何使用PHP批量去除文件UTF8 BOM信息
2013/08/05 PHP
php 实现Hash表功能实例详解
2016/11/29 PHP
thinkPHP交易详情查询功能详解
2016/12/02 PHP
一键生成各种尺寸Icon的php脚本(实例)
2017/02/08 PHP
jquery入门—选择器实现隔行变色实例代码
2013/01/04 Javascript
ie8 不支持new Date(2012-11-10)问题的解决方法
2013/07/31 Javascript
jQuery中对未来的元素绑定事件用bind、live or on
2014/04/17 Javascript
原生JavaScript+LESS实现瀑布流
2014/12/12 Javascript
JavaScript 实现完美兼容多浏览器的复制功能代码
2015/04/28 Javascript
JS实现网页顶部向下滑出的全国城市切换导航效果
2015/08/22 Javascript
nodejs模块学习之connect解析
2017/07/05 NodeJs
JS 实现banner图片轮播效果(鼠标事件)
2017/08/04 Javascript
JS正则表达式完美实现身份证校验功能
2017/10/18 Javascript
vue 利用路由守卫判断是否登录的方法
2018/09/29 Javascript
微信小程序实现自动定位功能
2018/10/31 Javascript
JavaScript中引用vs复制示例详析
2018/12/06 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
2019/04/29 Javascript
python 合并文件的具体实例
2013/08/08 Python
详解Python中time()方法的使用的教程
2015/05/22 Python
python调用staf自动化框架的方法
2018/12/26 Python
在Python中字符串、列表、元组、字典之间的相互转换
2019/11/15 Python
tensorflow2.0与tensorflow1.0的性能区别介绍
2020/02/07 Python
django restframework serializer 增加自定义字段操作
2020/07/15 Python
Python collections模块的使用方法
2020/10/09 Python
HTML5中如何显示视频呢 HTML5视频播放demo
2013/06/08 HTML / CSS
阿姆斯特丹杜莎夫人蜡像馆官方网站:Madame Tussauds Amsterdam
2019/03/12 全球购物
学生周末长期请假条
2014/02/15 职场文书
仓库管理员岗位职责
2014/03/19 职场文书
业绩倒数第一的检讨书
2014/09/24 职场文书
2016年教育局“我们的节日——端午节”主题活动总结
2016/04/01 职场文书
导游词之镇江西津古渡
2019/11/06 职场文书
Python基础之数据结构详解
2021/04/28 Python
Django中session进行权限管理的使用
2021/07/09 Python
vue项目中的支付功能实现(微信支付和支付宝支付)
2022/02/18 Vue.js
Python Pandas解析读写 CSV 文件
2022/04/11 Python