方式1:通过返回值判断,进行刷新操作。
父窗口页面js:
function findDetailsForAmount(outputBillDetailId,applyAmount,outputAmount){ var url = "/innerallocateDetailAction.do?method=findDetailsForAmount&outputBillDetailId="+outputBillDetailId+"&applyAmount="+applyAmount+"&outputAmount="+outputAmount; var answer=window.showModalDialog(url,window,"dialogWidth=450px;dialogHeight=200px;scroll:no"); if(answer==1){ // 返回值如果为1 window.location.reload(); // 刷新父窗口 } }
打开的模态窗口js:
//窗口关闭时执行 window.onunload=function(){ window.returnValue=1; //父窗口中 answer的值 }
方式2:直接在打开的模态窗口操作
打开的模态窗口js:
//窗口关闭时执行 window.onunload=function(){ var parentWin=window.dialogArguments; parentWin.location.reload(); //刷新父窗口 }
相关推荐
当我们需要在用户关闭模态窗口后刷新其父页面时,JavaScript(简称js)提供了解决方案。 在JavaScript中,我们可以利用事件监听来处理模态窗口关闭的事件。首先,我们需要在模态窗口上设置一个关闭按钮,并为其添加...
根据给定文件的信息,本文将围绕“分页后弹出模态窗口刷新父窗口”的主题进行深入探讨。此话题主要涉及前端开发中的交互设计、页面更新机制以及如何在不同的页面间进行数据同步等内容。 ### 一、理解分页与模态窗口...
但是,默认情况下,`showModalDialog`关闭时会自动刷新父窗口。为了解决这个问题,开发者需要采取一定的技术手段。 #### 三、解决方案分析 1. **理解`showModalDialog`行为**: - `showModalDialog`函数用于创建...
在Web开发中,经常会出现需要从子窗口或弹出窗口刷新父窗口的情况。这通常发生在使用JavaScript进行页面交互时。本文将详细介绍四种不同的方法来实现这一目标。 #### 1. 弹出子页面刷新父窗口 在打开一个新的窗口...
"关闭模态对话框,刷新父窗口,异步上传文件"是一个常见的需求,它涉及到前端JavaScript技术、模态对话框的处理、页面刷新机制以及文件上传的异步操作。下面我们将详细探讨这些知识点。 首先,模态对话框(Modal ...
### 子窗口刷新父窗口技术总结 在网页开发中,我们常常遇到需要在子窗口完成某些操作后,刷新或更新父窗口数据的情况。这在诸如弹出框进行数据编辑、表单提交等场景中尤为常见。本文档将深入探讨如何在子窗口关闭时...
3. **父窗口的更新**:在子窗口的AJAX成功回调函数中,我们可以调用`parent.window.location.reload()`来刷新父窗口。这样,父窗口将获取到最新的数据并重新渲染页面。 这个过程的关键在于通过AJAX保持页面的异步...
`来刷新父窗口。但是,在某些情况下,尤其是跨域环境下,`window.opener`可能返回null,导致此方法无效。这可能是因为浏览器的安全限制,阻止了跨域的父窗口的直接访问。 ### 解决跨域限制问题 解决上述问题的一种...
在网页开发中,有时我们需要实现一个功能:当一个弹出层(通常是模态窗口或对话框)被关闭时,能够自动刷新其父页面的内容。这个功能常见于数据编辑或者信息确认场景,用户在子窗口中完成操作后,返回父页面看到最新...
### JavaScript 刷新父页面知识点详解 ...通过本文的学习,我们了解了如何在JavaScript中刷新父窗口页面的方法,以及这些方法的具体实现细节。此外,还提供了一些示例代码供参考,帮助开发者更好地理解和应用这些技术。
而“刷新”按钮则用于刷新父窗口的内容。 #### 二、通过 `window.showModalDialog()` 实现交互 除了 `window.open()` 之外,还可以使用 `window.showModalDialog()` 来创建模态对话框。这种方法可以让父窗口保持在...
- 在打开模态窗口时,可以通过JavaScript函数传递参数给模态窗口的内容部分。 - 数据可以存储在全局变量、局部变量、HTML数据属性(data attributes)或者使用事件监听器传递。 3. **使用HTML5 data attributes...
根据给定的代码片段和描述,“open关闭子页面刷新父页面”这一主题涉及到的关键知识点主要包括:使用JavaScript打开新窗口、父窗口与子窗口之间的通信,以及通过特定事件触发父窗口的刷新。 ### 使用JavaScript打开...
当需要关闭第N层模态窗口并刷新第N-1层时,我们需要处理`showModalDialog`的`returnValue`属性。`returnValue`允许我们在关闭模态对话框时传递数据回父窗口。在关闭第N层模态窗口时,可以这样设置`returnValue`: `...
在提供的代码片段中,`Page.ClientScript.RegisterStartupScript`函数被用来注册一段JavaScript脚本,这段脚本的作用是修改父窗口中某个元素的值,并最终刷新父窗口的位置,以触发页面的重新加载,从而显示最新的...
在JavaScript编程中,有时我们需要创建一个模态对话框(modal dialog)来处理用户输入或确认操作,例如在父窗口中点击按钮,弹出一个模式窗口让用户添加数据,然后在数据提交后关闭模态窗口并刷新父窗口的数据。...
通过`window.open()`函数打开的子窗口刷新父页面 - **语法**: `window.opener.location.reload();` - **应用场景**: 当用户在一个新窗口操作后需要返回主窗口时,可以通过这种方式刷新主窗口。 ##### 3. 刷新某一...
当子窗口执行完成其任务并准备关闭时,可以调用以下代码来刷新父窗口: ```javascript // 使用window.opener属性引用父窗口 // 修改父窗口的location.href,可以用来跳转到新的URL或刷新页面 window.opener....
在标题"弹出一个层(禁止刷新父页或允许刷新)5种实现方法"中,我们将探讨五种不同的JavaScript技术来创建这种效果,同时考虑是否在弹出层打开后锁定父页面,以及是否允许用户通过刷新页面来关闭弹出层。 1. **纯CSS...