父页面和子页面间刷新，关闭，操作，总结资料收集
--------------------------------------------------------------------------------
opener 与 argument
记住这两个就可以了
--------------------------------------------------------------------------------
parent
--------------------------------------------------------------------------------
window.open(...)
子页面中获取父页面对象：window.opener
window.showModalDialog(..)
子页面中获取父页面对象：window.dialogargument
--------------------------------------------------------------------------------
window.open(...)
子页面中获取父页面对象：window.opener
window.showModalDialog(..)
子页面中获取父页面对象：window.dialogargument
--------------------------------------------------------------------------------
a.html
HTML code
<html><body>要传的值
<input type='text' id='txtID' name='txtName' value='aa' /> <br>
<input type='button' value='open' onclick="window.open('b.html');" />
<script>
alert('刷新了页面');
function method()
{alert('a.html');}
</script></body></html>
b.html
HTML code
<html><script>
function getValue(){
//document.getElementById('txt').value=window.opener.txtName.value;
document.getElementById('txt').value=window.opener.document.getElementById('txtID').value;}
</script>
<body onload='getValue();'>
传过来的值是
<input type='text' id='txt' />
<input type='button' value='调用父窗口的方法' onclick='window.opener.method();' />
<br><br><br>
设置父窗口的文本<input type='text' id='t' />
<input type='button' value='执行'
onclick='window.opener.document.getElementById("txtID").value=document.getElementById("t").value;' />
<br><br>
<input type='button' value='刷新父窗口' onclick='window.opener.location=window.opener.location;' />
<br><br>
<input type='button' value='关闭父窗口' onclick='window.opener.close();opener=null;' />
</body></html>
--------------------------------------------------------------------------------
我一般从子窗口刷新父窗口
window.parent.location.href("aspx")
获得值： window.parent.document.getElementById("id")....;
--------------------------------------------------------------------------------
a.html
HTML code
<input type='button' value='showModalDialog' onclick="window.showModalDialog('c.html',window);" />
因为是模态窗口，所以父页面刷新和关闭 不会马上呈现
c.html
HTML code
<html><script>
function getValue(){
if(window.dialogArguments){
document.getElementById('txt').value=window.dialogArguments.document.getElementById('txtID').value;
}}</script><body onload='getValue();'>
传过来的值是
<input type='text' id='txt' />
<input type='button' value='调用父窗口的方法' onclick='window.dialogArguments.method();' />
<br><br><br>
设置父窗口的文本<input type='text' id='t' />
<input type='button' value='执行'
onclick='window.dialogArguments.document.getElementById("txtID").value=document.getElementById("t").value;' />
<br><br>
<input type='button' value='刷新父窗口' onclick='window.dialogArguments.location=window.dialogArguments.location;' />
<br><br>
<input type='button' value='关闭父窗口' onclick='window.dialogArguments.close();' />
</body></html>
--------------------------------------------------------------------------------
window.opener.location.reload();
window.opener=null;
window.open("","_self");
window.close();
--------------------------------------------------------------------------------
刷新父窗口 js:window.opener.location=window.opener.location;
关闭子页面 window.close();
关闭父页面 window.opener.close();
分享到：
相关推荐
根据给定的代码片段和描述，“open关闭子页面刷新父页面”这一主题涉及到的关键知识点主要包括：使用JavaScript打开新窗口、父窗口与子窗口之间的通信，以及通过特定事件触发父窗口的刷新。 ### 使用JavaScript打开...
在网页开发中，有时我们需要实现一个功能：当一个弹出层（通常是模态窗口或对话框）被关闭时，能够自动刷新其父页面的内容。这个功能常见于数据编辑或者信息确认场景，用户在子窗口中完成操作后，返回父页面看到最新...
在这样的场景下，用户在子窗口中操作并提交数据后，可能希望父窗口能即时显示最新的数据，而不是手动刷新整个页面。这种需求可以通过JavaScript的AJAX技术来实现。 首先，我们需要理解AJAX（Asynchronous ...
在EasyUI中，我们可能会遇到需要在弹出窗口（子页面）与父页面之间进行数据传递或调用父页面方法的需求。下面将详细讲解这个过程。 首先，让我们理解标题中的“弹出window窗口传值”。在EasyUI中，创建一个弹出窗口...
弹出子页面刷新父窗口 在打开一个新的窗口或者弹出一个子窗口后，有时我们需要在关闭子窗口时刷新父窗口。这种方法非常常见，例如，在用户完成了一个表单填写并提交后，我们可能希望关闭这个弹出窗口并刷新主页面...
本话题关注的是如何在关闭子模态对话框后刷新其父模态对话框，这是一个典型的前端开发问题，主要涉及到JavaScript和可能的框架如jQuery、React、Vue或Angular等。 首先，我们需要理解模态对话框的工作原理。模态...
### JavaScript 刷新父页面知识点详解 #### 一、概述 在网页开发中，有时我们需要从一个弹出的子窗口（通常是由 `window.open` 或 `window.showModalDialog` 方法打开的）来控制父窗口的行为，比如刷新父窗口的...
本文档将深入探讨如何在子窗口关闭时刷新父窗口，包括使用`window.open()`、`window.showModalDialog()`以及jQuery进行操作的方法。 #### 一、使用`window.open()`刷新父窗口 `window.open()`方法用于创建一个新的...
本示例探讨的是如何将JSP与JavaScript结合，实现父窗口与子窗口之间的数据通信及页面刷新功能，特别涉及了Ajax查询数据和表格渲染。以下是关于这些知识点的详细解释： 1. **JSP（JavaServer Pages）**：JSP是一种...
在Web开发中，经常会遇到一个场景：在父页面中打开子页面后，需要在子页面执行某些操作（比如数据提交），然后再刷新父页面中的特定控件数据，同时关闭子页面。在***技术栈中，可以通过特定的JavaScript代码和后端...
标题“窗口刷新父窗口然后关闭”涉及到的是软件开发中的用户界面交互操作，主要与Windows操作系统下的编程有关。在Windows API（应用程序接口）中，开发者可以通过编程实现窗口的刷新和关闭功能。这一操作常见于需要...
6. **解除订阅**：为了防止内存泄漏，当子窗体关闭时，记得在父窗体中解除事件订阅。 ```vb RemoveHandler childForm.RefreshParent, AddressOf ParentForm_RefreshHandler ``` 在提供的文件名列表中，我们看到了`...
1. 使用`setParent()`函数：你可以为一个窗口设置另一个窗口为其父窗口，这样在关闭或隐藏父窗口时，子窗口也会相应地关闭或隐藏。例如： ```cpp MySubWindow *subWindow = new MySubWindow(); subWindow->...
然而，在一些交互场景下，比如子页面（由 `window.open` 创建的页面）需要与父页面（打开子页面的那个页面）进行交互，可能会涉及到刷新父页面的需求。本文将详细探讨如何实现这一功能。 首先，`window.open` 的...
以上就是基于LigerUI框架下子页面关闭后，父页面刷新和重新加载的具体实现方法。在实际应用中，开发者需要根据具体情况来决定是完全刷新父页面还是更新其中的部分内容，并利用LigerUI提供的API进行相应的操作。希望...
### 自动刷新页面与自动跳转关闭的知识点详解 #### 一、自动刷新页面 **自动刷新页面**是指网页在设定的时间间隔后自动重新加载自身的过程。这一功能可以通过多种技术实现，包括HTML元标签（`<meta>`标签）、...
通过上述分析，我们可以了解在实际开发中如何处理父页面与子页面之间的交互，特别是子页面执行完毕后的父页面刷新问题。这些操作技巧不仅在单个页面内有效，也适用于多个页面间操作的场景。希望本文介绍的内容能够为...
在JavaScript中，有时候我们需要在关闭一个子窗口时刷新其父窗口，这在处理多窗口交互的应用场景中非常常见。例如，子窗口可能用于编辑或添加数据，然后在保存后需要更新父窗口显示的信息。以下是如何使用JavaScript...
在Web开发中，有时我们需要在用户关闭一个页面或者离开当前页面之前向父页面传递数据，以便进行一些必要的处理，比如保存用户的操作状态、更新统计数据等。这个过程涉及到浏览器的生命周期事件以及跨窗口通信机制。...