js关闭模态窗口刷新父页面或跳转页面_javascript技巧-js教程-PHP中文网

js关闭模态窗口刷新父页面或跳转页面_javascript技巧

php中文网

发布： 2016-05-16 17:46:44

原创

1436人浏览过

有两个窗口： A窗口（父），B窗口（模态）

A窗口里有一个DATAGRID，一个按钮。

点击按钮时，弹出B窗口（模态）。在B窗口中添加数据，提交后，要求B窗口自关闭，然后刷新A窗口（父）

Sider

多功能AI浏览器助手，帮助用户进行聊天、写作、阅读、翻译等

3159

查看详情

复制代码代码如下:

弹出子窗体b.html , 当关闭子窗体时触发父页面刷新

最近做物资系统的时候，又涉及到模态窗口的问题了，上次做的时候没遇到这次这么多东西，记下来吧
父窗口 js方法

复制代码代码如下:

 
function openwin(id){ 
var answer=window.showModalDialog("demand.do?method=queryBOM&mdid="+id+"&d="+escape(new Date()),window.self,"dialogWidth:700px;dialogHeight:620px:center:yes"); 
if(answer==1){ 
window.location.href = "demand.do?method=selmd&d="+escape(new Date()); //转到处理页面 
//window.location.reload(); 刷新父窗口 
//winow.location.reload(true); 

} 
} 

加个escape(new Date()) 避免读取缓存，当然也可以在子窗口中，加入

子窗口 js 方法:

复制代码代码如下:

 
function reVal(){ 
window.returnValue=1; //父窗口中 answer的值 
window.close(); 
} 

打开模态窗口之后，父窗口会一直等待子窗口返回个值，如果是表单提交或是button就执行reVal()方法
返回answer的值，window.returnValue=1 这个地方我测试了好像只能返回String类型的，数组类型的不好使

在子窗口中使用 window.opener.location.reload(); 不好使，不试用于模态窗口,window.opern() 好使

还有个问题是：在模态窗口里form 提交会弹出新窗口，这个问题简单就在里面加个
就可以搞定，注：我刚开始是不想通过form提交的，用js window.location.href 跳转到不同的action去处理，发现
就不起作用了，似乎只是针对form action="" 才起作用，这个地方应该可以用iframe 去实现。

大家都在看：

静态站点生成_javascript博客系统 JavaScript桌面应用_Electron架构设计模式 JavaScript设计模式应用_单例模式实践模块化开发规范_javascript工程化实践 JavaScript服务端开发_Node.js入门指南