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 相关文章推荐
jquery如何改变html标签的样式(两种实现方法)
Jan 16 Javascript
javascript动态的改变IFrame的高度实现自动伸展
Oct 12 Javascript
一个超简单的jQuery回调函数例子(分享)
Aug 08 Javascript
easyui form validate总是返回false的原因及解决方法
Nov 07 Javascript
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
Jul 20 jQuery
vue中使用gojs/jointjs的示例代码
Aug 24 Javascript
微信小程序开发之自定义tabBar的实现
Sep 06 Javascript
使用apifm-wxapi快速开发小程序过程详解
Aug 05 Javascript
微信小程序 wx:for 与 wx:for-items 与 wx:key的正确用法
May 19 Javascript
vue 防止页面加载时看到花括号的解决操作
Nov 09 Javascript
利用JavaScript为句子加标题的3种方法示例
Jan 05 Javascript
JS中如何优雅的使用async await详解
Oct 05 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
基于PHP5魔术常量与魔术方法的详解
2013/06/13 PHP
javascript 鼠标滚轮事件
2009/04/09 Javascript
javascript 解决表单仍然提交即使监听处理函数返回false
2010/03/14 Javascript
文本框输入时 实现自动提示(像百度、google一样)
2012/04/05 Javascript
javascript浏览器兼容教程之事件处理
2014/06/09 Javascript
分享20款美化网站的 jQuery Lightbox 灯箱插件
2014/10/10 Javascript
JavaScript中的关联数组问题
2015/03/04 Javascript
JavaScript原生对象之String对象的属性和方法详解
2015/03/13 Javascript
全面解析Bootstrap中nav、collapse的使用方法
2016/05/22 Javascript
使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
2016/09/01 Javascript
Vue.JS入门教程之处理表单
2016/12/01 Javascript
JS求解三元一次方程组值的方法
2017/01/03 Javascript
Node.js 实现简单的接口服务器的实例代码
2017/05/23 Javascript
JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8
2017/06/23 Javascript
基于Web Audio API实现音频可视化效果
2020/06/12 Javascript
浅谈Vue 自动化部署打包上线
2020/06/14 Javascript
python学习之面向对象【入门初级篇】
2017/01/21 Python
Pycharm学习教程(1) 定制外观
2017/05/02 Python
对Python中gensim库word2vec的使用详解
2018/05/08 Python
Laravel+Dingo/Api 自定义响应的实现
2019/02/17 Python
Django rest framework jwt的使用方法详解
2019/08/08 Python
面向对象学习之pygame坦克大战
2019/09/11 Python
flask 框架操作MySQL数据库简单示例
2020/02/02 Python
Python爬虫爬取杭州24时温度并展示操作示例
2020/03/27 Python
Django实现whoosh搜索引擎使用jieba分词
2020/04/08 Python
使用jupyter notebook直接打开.md格式的文件
2020/04/10 Python
Python绘制全球疫情变化地图的实例代码
2020/04/20 Python
kfc实习自我鉴定
2013/12/14 职场文书
三分钟演讲稿范文
2014/04/24 职场文书
个人收入证明模板
2014/09/18 职场文书
政府四风问题整改措施
2014/10/04 职场文书
党员承诺书格式范文
2015/04/28 职场文书
刑事起诉书范文
2015/05/19 职场文书
安全主题班会教案
2015/08/12 职场文书
python基础入门之普通操作与函数(三)
2021/06/13 Python
MySQL的存储函数与存储过程的区别解析
2022/04/08 MySQL