JavaScript实现提交模式窗口后刷新父窗口数据的方法

更新时间：2017年06月16日 09:54:16 作者：北漂的小羊

这篇文章主要介绍了JavaScript实现提交模式窗口后刷新父窗口数据的方法,涉及javascript窗口交互的相关操作技巧,需要的朋友可以参考下

本文实例讲述了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中json操作技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

javascript写的简单的计算器，内容很多，方法实用，推荐
最近用javascript写了一个简单的计算器，自己测试感觉还好,代码都给了注释，非常不错，推荐大家学习。
2011-12-12
BootStrapTable 单选及取值的实现方法
学习bootstrapTable 一直没有找到单选框的选定的和取值的教程,接下来通过本文给大家分享BootStrapTable 单选及取值的实现方法，非常不错，需要的朋友参考下
2017-01-01
GoJs连线绘图模板Link使用示例详解
这篇文章主要为大家介绍了GoJs连线绘图模板Link使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-04-04
纯js实现悬浮按钮组件
这篇文章主要为大家详细介绍了纯js实现悬浮按钮组件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
JavaScript动态生成二维码图片
本文给大家介绍js动态生成二维码图片的相关内容，感兴趣的朋友一起学习吧
2016-04-04
JavaScript对象合并实现步骤介绍
这篇文章主要介绍了JavaScript对象合并实现步骤，为什么要合并？这是我在重构代码的时候的一个需求。简单来说，我会有若干个对象需要合并为一个对象。而这些对象为两层，如果直接展开或者赋值会涉及到深拷贝
2023-01-01
如何只用echarts做个仿3d地图功能
由于业务需求,需要绘制3d地图,所以下面这篇文章主要给大家介绍了关于如何只用echarts做个仿3d地图功能的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-09-09
uni-app自定义组件和通信的方式
组件是 vue 技术中非常重要的部分,组件使得与ui相关的轮子可以方便的制造和共享,进而使得vue使用者的开发效率大幅提升,组件可以使用全局注册和页面引入两种方式进行使用,对uni-app自定义组件和通信相关知识感兴趣的朋友跟随小编一起看看吧
2024-03-03
Bootstrap缩略图与警告框学习使用
这篇文章主要为大家详细介绍了Bootstrap缩略图与警告框学习使用的相关资料，希望通过这篇文章和大家更多的去学习Bootstrap缩略图与警告框，从中得到收获
2017-02-02
BootStrap扔进Django里的方法详解
这篇文章主要介绍了BootStrap扔进Django里的方法，小编认为本文介绍的不错，具有参考借鉴价值，感兴趣的朋友一起学习吧
2016-05-05