这里有两个文件,主要要实现的是点父窗口里的弹出新窗口(详细请参考 JS控制窗口常用代码),将弹出新窗口,在新窗口里面有两个方法,一个是刷新本面,另一个是关闭本页,同时要刷新父窗口,其中f.htm为父页,z.htm为子页,代码如下(由于f.htm页内容不多,可能会刷新过快而没看到效果,你可以适当增加内容以便查看效果):
f.htm程序代码
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>父窗口</title>
- </head>
-
- <body>
- <span onclick="window.open('z.htm')" style="cursor:hand;">打开子窗口</span>
- </body>
- </html>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>子窗口</title>
- <script language="javascript">
- function closethewindow()
- {
- var url="f.htm";//要刷新的窗口
- opener.document.location=url;
- window.close();
- }
- </script>
- </head>
-
- <body>
- <span onclick="closethewindow();" style="cursor:hand;">关闭子窗口,刷新父窗口</span><br />
- <span onclick="javascript:window.location.reload();" style="cursor:hand;">刷新此窗口</span>
- </body>
- </html>
分享到:
相关推荐
今天,我们将探索如何使用 JavaScript 实现弹出窗口,并且在关闭新窗口时刷新父窗口。 基本弹出窗口代码 要实现弹出窗口,只需在 HTML 文件中添加一段 JavaScript 代码即可。下面是一个基本的弹出窗口代码: ```...
【JS关闭窗口弹出新窗口】 在JavaScript中,我们可以使用`window.open()`函数来创建一个新的浏览器窗口。这个函数的基本语法是`window.open(url, name, features)`。在这里,`url`是你要打开的页面的URL,`name`是新...
### showModalDialog 弹出窗口关闭不刷新父窗口的实现方法 #### 一、背景介绍 在Web开发过程中,经常会遇到需要使用弹出窗口显示额外信息或进行特定操作的情况。`showModalDialog` 是一个非常实用的功能,允许创建...
在Web开发中,经常会出现需要从子窗口或弹出窗口刷新父窗口的情况。这通常发生在使用JavaScript进行页面交互时。本文将详细介绍四种不同的方法来实现这一目标。 #### 1. 弹出子页面刷新父窗口 在打开一个新的窗口...
在网页开发中,有时我们需要实现一个功能:当一个弹出层(通常是模态窗口或对话框)被关闭时,能够自动刷新其父页面的内容。这个功能常见于数据编辑或者信息确认场景,用户在子窗口中完成操作后,返回父页面看到最新...
根据给定文件的信息,本文将围绕“分页后弹出模态窗口刷新父窗口”的主题进行深入探讨。此话题主要涉及前端开发中的交互设计、页面更新机制以及如何在不同的页面间进行数据同步等内容。 ### 一、理解分页与模态窗口...
### 子窗口刷新父窗口技术总结 在网页开发中,我们常常遇到需要在子窗口完成某些操作后,刷新或更新父窗口数据的情况。这在诸如弹出框进行数据编辑、表单提交等场景中尤为常见。本文档将深入探讨如何在子窗口关闭时...
这里的"子窗口"通常指的是弹出的窗口、框架或者iframe,而"父窗口"则是打开子窗口的那个主页面。在这样的场景下,用户在子窗口中操作并提交数据后,可能希望父窗口能即时显示最新的数据,而不是手动刷新整个页面。...
总结一下,实现“模态窗口关闭时刷新父页面”的主要步骤包括:设置模态窗口和关闭按钮、添加事件监听器以及在事件触发时调用`window.parent.location.reload()`。在实际应用中,可能还需要考虑其他因素,如防止多次...
这段代码先刷新父窗口,然后关闭当前窗口。这种方式适用于完成某项操作后需要更新父窗口的情况。 #### 跳转到指定页面并关闭当前窗口 ```javascript this.Response.Write("<script>window.opener.location.href='...
在网页开发中,有时我们需要从一个弹出的子窗口(通常是由 `window.open` 或 `window.showModalDialog` 方法打开的)来控制父窗口的行为,比如刷新父窗口的页面。这在很多应用场景下都非常有用,比如用户在子窗口...
### JavaScript弹出窗口知识点总结 #### 一、概述 JavaScript是一种广泛使用的脚本语言,它在前端开发中占据着极其重要的地位。通过JavaScript,开发者可以实现网页与用户的交互功能,其中弹出窗口就是一种常见的...
本篇文章将针对JavaScript弹出窗口的相关问题进行总结,包括无提示刷新网页、刷新页面的方法、弹出窗口代码、模式窗口的数据刷新问题、模式窗口中链接弹出新窗口以及无提示关闭页面的方法。 1. **无提示刷新网页** ...
JavaScript 弹出窗口方法是 Web 开发中常用的技术,用于实现弹出窗口、刷新网页、模式窗口等功能。本文将对 JavaScript 弹出窗口方法进行总结和分析,帮助读者更好地理解和应用这些方法。 一、无提示刷新网页 在 ...
本文主要探讨如何使用layer实现关闭弹出层并同时刷新父界面的功能,这对于那些需要在用户完成特定操作后更新父页面状态的应用场景至关重要。 首先,我们来看基础的实现方法。通常,我们在关闭layer弹出层时会使用`...
asp.net使用 js 弹出JavaScript小窗口,弹出消息框并且转向到新的URL,回到历史页面,关闭当前窗口,刷新父窗口等
例如,在弹出窗口中进行操作后刷新主页面: ```javascript // 刷新父页面 opener.location.href = opener.location.href; ``` ##### 2. 弹出模态对话框并刷新 在处理复杂交互时,可以通过弹出模态对话框并在操作...
EasyUI提供了一种方式,通过`parent`关键字来访问父窗口的对象,从而调用其上的函数。假设在父页面上有一个名为`updateParentData`的函数,可以在子页面中这样调用: ```javascript parent.updateParentData('子...
这六种方法包括:关闭当前窗口、关闭父窗口、打开新窗口并指定尺寸、打开新窗口(默认尺寸)、在新标签页打开页面、以及弹出提示框后刷新页面。 ### 关闭当前窗口 通过`window.close()`可以直接关闭当前窗口。但在...