`

模态窗口关闭时,刷新父窗口(js)

阅读更多

方式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(); //刷新父窗口
}

 

 

 

分享到:
评论

相关推荐

    模态窗口关闭时刷新父页面js文件

    当我们需要在用户关闭模态窗口后刷新其父页面时,JavaScript(简称js)提供了解决方案。 在JavaScript中,我们可以利用事件监听来处理模态窗口关闭的事件。首先,我们需要在模态窗口上设置一个关闭按钮,并为其添加...

    分页后弹出模态窗口刷新父窗口

    根据给定文件的信息,本文将围绕“分页后弹出模态窗口刷新父窗口”的主题进行深入探讨。此话题主要涉及前端开发中的交互设计、页面更新机制以及如何在不同的页面间进行数据同步等内容。 ### 一、理解分页与模态窗口...

    showModalDialog 弹出窗口关闭不刷新父窗口最终实现了

    但是,默认情况下,`showModalDialog`关闭时会自动刷新父窗口。为了解决这个问题,开发者需要采取一定的技术手段。 #### 三、解决方案分析 1. **理解`showModalDialog`行为**: - `showModalDialog`函数用于创建...

    刷新父窗口的多种方法

    在Web开发中,经常会出现需要从子窗口或弹出窗口刷新父窗口的情况。这通常发生在使用JavaScript进行页面交互时。本文将详细介绍四种不同的方法来实现这一目标。 #### 1. 弹出子页面刷新父窗口 在打开一个新的窗口...

    关闭模态对话框,刷新父窗口,异步上传文件

    "关闭模态对话框,刷新父窗口,异步上传文件"是一个常见的需求,它涉及到前端JavaScript技术、模态对话框的处理、页面刷新机制以及文件上传的异步操作。下面我们将详细探讨这些知识点。 首先,模态对话框(Modal ...

    子窗口刷新父窗口总结

    ### 子窗口刷新父窗口技术总结 在网页开发中,我们常常遇到需要在子窗口完成某些操作后,刷新或更新父窗口数据的情况。这在诸如弹出框进行数据编辑、表单提交等场景中尤为常见。本文档将深入探讨如何在子窗口关闭时...

    子窗口与父窗口刷新

    3. **父窗口的更新**:在子窗口的AJAX成功回调函数中,我们可以调用`parent.window.location.reload()`来刷新父窗口。这样,父窗口将获取到最新的数据并重新渲染页面。 这个过程的关键在于通过AJAX保持页面的异步...

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

    `来刷新父窗口。但是,在某些情况下,尤其是跨域环境下,`window.opener`可能返回null,导致此方法无效。这可能是因为浏览器的安全限制,阻止了跨域的父窗口的直接访问。 ### 解决跨域限制问题 解决上述问题的一种...

    弹出层关闭父页面刷新

    在网页开发中,有时我们需要实现一个功能:当一个弹出层(通常是模态窗口或对话框)被关闭时,能够自动刷新其父页面的内容。这个功能常见于数据编辑或者信息确认场景,用户在子窗口中完成操作后,返回父页面看到最新...

    javascript刷新父页面

    ### JavaScript 刷新父页面知识点详解 ...通过本文的学习,我们了解了如何在JavaScript中刷新父窗口页面的方法,以及这些方法的具体实现细节。此外,还提供了一些示例代码供参考,帮助开发者更好地理解和应用这些技术。

    js(javascript)子窗口和父窗口交互

    而“刷新”按钮则用于刷新父窗口的内容。 #### 二、通过 `window.showModalDialog()` 实现交互 除了 `window.open()` 之外,还可以使用 `window.showModalDialog()` 来创建模态对话框。这种方法可以让父窗口保持在...

    模态窗口页的传值模态窗口页的传值

    - 在打开模态窗口时,可以通过JavaScript函数传递参数给模态窗口的内容部分。 - 数据可以存储在全局变量、局部变量、HTML数据属性(data attributes)或者使用事件监听器传递。 3. **使用HTML5 data attributes...

    open 关闭子页面刷新父页面

    根据给定的代码片段和描述,“open关闭子页面刷新父页面”这一主题涉及到的关键知识点主要包括:使用JavaScript打开新窗口、父窗口与子窗口之间的通信,以及通过特定事件触发父窗口的刷新。 ### 使用JavaScript打开...

    javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码

    当需要关闭第N层模态窗口并刷新第N-1层时,我们需要处理`showModalDialog`的`returnValue`属性。`returnValue`允许我们在关闭模态对话框时传递数据回父窗口。在关闭第N层模态窗口时,可以这样设置`returnValue`: `...

    模式窗口操作父窗口

    在提供的代码片段中,`Page.ClientScript.RegisterStartupScript`函数被用来注册一段JavaScript脚本,这段脚本的作用是修改父窗口中某个元素的值,并最终刷新父窗口的位置,以触发页面的重新加载,从而显示最新的...

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

    在JavaScript编程中,有时我们需要创建一个模态对话框(modal dialog)来处理用户输入或确认操作,例如在父窗口中点击按钮,弹出一个模式窗口让用户添加数据,然后在数据提交后关闭模态窗口并刷新父窗口的数据。...

    javascript 页面刷新和模态对话框 学习总结 推荐哦

    通过`window.open()`函数打开的子窗口刷新父页面 - **语法**: `window.opener.location.reload();` - **应用场景**: 当用户在一个新窗口操作后需要返回主窗口时,可以通过这种方式刷新主窗口。 ##### 3. 刷新某一...

    js关闭子窗体刷新父窗体实现方法

    当子窗口执行完成其任务并准备关闭时,可以调用以下代码来刷新父窗口: ```javascript // 使用window.opener属性引用父窗口 // 修改父窗口的location.href,可以用来跳转到新的URL或刷新页面 window.opener....

    弹出一个层(禁止刷新父页或允许刷新)5种实现方法

    在标题"弹出一个层(禁止刷新父页或允许刷新)5种实现方法"中,我们将探讨五种不同的JavaScript技术来创建这种效果,同时考虑是否在弹出层打开后锁定父页面,以及是否允许用户通过刷新页面来关闭弹出层。 1. **纯CSS...

Global site tag (gtag.js) - Google Analytics