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 获取浏览器高度和宽度值(多浏览器)
Sep 02 Javascript
JQuery 网站换肤功能实现代码
Nov 02 Javascript
javascript实现的基于金山词霸网络翻译的代码
Jan 15 Javascript
jQuery AJAX实现调用页面后台方法和web服务定义的方法分享
Mar 01 Javascript
JavaScript包装对象使用详解
Jul 09 Javascript
Bootstrap+jfinal退出系统弹出确认框的实现方法
May 30 Javascript
Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
May 07 Javascript
Angular中ng-options下拉数据默认值的设定方法
Jun 21 Javascript
仿淘宝JSsearch搜索下拉深度用法
Jan 15 Javascript
js实现搜索栏效果
Nov 16 Javascript
详解vue页面首次加载缓慢原因及解决方案
Nov 06 Javascript
JavaScript实现一键复制内容剪贴板
Jul 23 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获取网页上所有链接的方法
2015/04/03 PHP
大家须知简单的php性能优化注意点
2016/01/04 PHP
php实现有序数组打印或排序的方法【附Python、C及Go语言实现代码】
2016/11/10 PHP
PHP实现按之字形顺序打印二叉树的方法
2018/01/16 PHP
javaScript call 函数的用法说明
2010/04/09 Javascript
javascript检测浏览器flash版本的实现代码
2011/12/06 Javascript
Javascript基础教程之JavaScript语法
2015/01/18 Javascript
jQuery实现“扫码阅读”功能
2015/01/21 Javascript
jquery SweetAlert插件实现响应式提示框
2015/08/18 Javascript
jQuery网页版打砖块小游戏源码分享
2015/08/20 Javascript
分享几种比较简单实用的JavaScript tabel切换
2015/12/31 Javascript
浅析JavaScript 箭头函数 generator Date JSON
2016/05/23 Javascript
js实现右键菜单功能
2016/11/28 Javascript
Angular动态添加、删除输入框并计算值实例代码
2017/03/29 Javascript
JS实现数组按升序及降序排列的方法
2017/04/26 Javascript
vue toggle做一个点击切换class(实例讲解)
2018/03/13 Javascript
对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解
2018/08/27 Javascript
Vue页面跳转动画效果的实现方法
2018/09/23 Javascript
JavaScript计算正方形面积
2019/11/26 Javascript
js实现无缝轮播图特效
2020/05/09 Javascript
Python3.5面向对象编程图文与实例详解
2019/04/24 Python
详解【python】str与json类型转换
2019/04/29 Python
11个Python Pandas小技巧让你的工作更高效(附代码实例)
2019/04/30 Python
pytorch VGG11识别cifar10数据集(训练+预测单张输入图片操作)
2020/06/24 Python
OpenCV 使用imread()函数读取图片的六种正确姿势
2020/07/09 Python
html5 button autofocus 属性介绍及应用
2013/01/04 HTML / CSS
HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)
2017/08/24 HTML / CSS
美国知名的摄影器材销售网站:Adorama
2017/02/01 全球购物
晨会主持词
2014/03/17 职场文书
户籍证明格式
2014/09/15 职场文书
班主任师德师风自我剖析材料
2014/10/02 职场文书
孟佩杰观后感
2015/06/17 职场文书
2016会计专业自荐信范文
2016/01/28 职场文书
Python如何识别银行卡卡号?
2021/06/10 Python
MySQL优化常用的19种有效方法(推荐!)
2022/03/17 MySQL
Python OpenCV形态学运算示例详解
2022/04/07 Python