编程 Javascript

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实现提交模式窗口后刷新父窗口数据的方法

- Author -

北漂的小羊

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

ajax 缓存问题 requestheader

Aug 01 Javascript

ie8 不支持new Date(2012-11-10)问题的解决方法

Jul 31 Javascript

javascript:json数据的页面绑定示例代码

Jan 26 Javascript

Javascript写入txt和读取txt文件示例

Feb 12 Javascript

js实现的GridView即表头固定表体有滚动条且可滚动

Feb 19 Javascript

JS获取及设置TextArea或input文本框选择文本位置的方法

Mar 24 Javascript

纯前端JavaScript实现Excel IO案例分享

Aug 26 Javascript

JS实现最简单的冒泡排序算法

Feb 15 Javascript

Angular1.x复杂指令实例详解

Mar 01 Javascript

浅谈JS如何实现真正的对象常量

Jun 25 Javascript

js判断传入时间和当前时间大小实例(超简单)

Jan 11 Javascript

JS中超越现实的匿名函数用法实例分析

Jun 21 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