先来看一个简单的例子：
下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。
frame.html 由上(top.html)下(bottom.html)两个页面组成，代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> frame </TITLE>
</HEAD>
<frameset rows="50%,50%">
<frame name=top src="top.html">
<frame name=bottom src="bottom.html">
</frameset>
</HTML>
现在假设top.html (即上面的页面) 有七个button来实现对bottom.html (即下面的页面) 的刷新，可以用以下七种语句，哪个好用自己看着办了。
语句1. window.parent.frames[1].location.reload();
语句2. window.parent.frames.bottom.location.reload();
语句3. window.parent.frames["bottom"].location.reload();
语句4. window.parent.frames.item(1).location.reload();
语句5. window.parent.frames.item('bottom').location.reload();
语句6. window.parent.bottom.location.reload();
语句7. window.parent['bottom'].location.reload();
top.html 页面的代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> top.html </TITLE>
</HEAD>
<BODY>
<input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br>
<input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()"><br>
<input type=button value="刷新3" onclick="window.parent.frames['bottom'].location.reload()"><br>
<input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br>
<input type=button value="刷新5" onclick="window.parent.frames.item('bottom').location.reload()"><br>
<input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br>
<input type=button value="刷新7" onclick="window.parent['bottom'].location.reload()"><br>
</BODY>
</HTML>
下面是bottom.html页面源代码，为了证明下方页面的确被刷新了，在装载完页面弹出一个对话框。
bottom.html 页面的代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> bottom.html </TITLE>
</HEAD>
<BODY onload="alert('我被加载了！')">
<h1>This is the content in bottom.html.</h1>
</BODY>
</HTML>
解释一下：
1.window指代的是当前页面，例如对于此例它指的是top.html页面。
2.parent指的是当前页面的父页面，也就是包含它的框架页面。例如对于此例它指的是framedemo.html。
3.frames是window对象，是一个数组。代表着该框架内所有子页面。
4.item是方法。返回数组里面的元素。
5.如果子页面也是个框架页面，里面还是其它的子页面，那么上面的有些方法可能不行。
附：
Javascript刷新页面的几种方法：
1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href
自动刷新页面的方法:
1.页面自动刷新：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.
2.页面自动跳转：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://www.wyxg.com">
其中20指隔20秒后跳转到http://www.wyxg.com页面
3.页面自动刷新js版
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>
ASP.NET如何输出刷新父窗口脚本语句
1. this.response.write("<script>opener.location.reload();</script>");
2. this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>");
3. Response.Write("<script language=javascript>opener.window.navigate(''你要刷新的页.asp'');</script>")
JS刷新框架的脚本语句
//如何刷新包含该框架的页面用
<script language=JavaScript>
parent.location.reload();
</script>
//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()">刷新</a> )
//如何刷新另一个框架的页面用
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>
如果想关闭窗口时刷新或者想开窗时刷新的话，在<body>中调用以下语句即可。
<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<script language="javascript">
window.opener.document.location.reload()
</script>
分享到：
相关推荐
在网页中，刷新页面与关闭窗口虽然都会触发 `onunload` 事件，但我们可以通过监听其他事件来区分这两种情况。 1. **监听 `onbeforeunload` 事件** `onbeforeunload` 事件在 `onunload` 之前触发，并且可以被用来...
在Web开发过程中，我们常常需要监控用户与网页的交互行为，包括但不限于用户关闭浏览器窗口、刷新页面等动作。这些事件对于网站来说非常重要，可以用于实现各种功能，比如提醒用户保存未提交的数据或者记录用户的...
onunload 事件判断浏览器是刷新还是关闭窗口 在浏览器中，我们经常需要判断浏览器是刷新还是关闭窗口，以便执行相应的操作。onunload 事件可以帮助我们实现这个功能。当浏览器退出时会触发 onunload 事件，因此我们...
虽然看起来重复，但实际上这种写法可以确保父窗口的URL被重置，并且强制刷新页面。 #### 4. 刷新以`window.showModalDialog()`方法打开的窗口 `window.showModalDialog()`是一个特殊的函数，它可以用来打开模态...
1. `beforeunload` 事件：当用户尝试离开当前页面时（如点击刷新按钮、关闭窗口或导航到另一个URL），浏览器会先触发`beforeunload`事件。这是一个预卸载事件，允许开发者进行确认操作，比如询问用户是否确定要离开...
本示例探讨的是如何将JSP与JavaScript结合，实现父窗口与子窗口之间的数据通信及页面刷新功能，特别涉及了Ajax查询数据和表格渲染。以下是关于这些知识点的详细解释： 1. **JSP（JavaServer Pages）**：JSP是一种...
此外，代码中还涉及到使用jQuery的`$.post`方法向服务器发送数据，这可以帮助记录用户的操作行为，例如，关闭页面或者刷新页面的时间。 需要注意的是，浏览器对于`onbeforeunload`事件的支持程度不一，而且在一些...
在网页开发中，有时我们需要从一个弹出的子窗口（通常是由 `window.open` 或 `window.showModalDialog` 方法打开的）来控制父窗口的行为，比如刷新父窗口的页面。这在很多应用场景下都非常有用，比如用户在子窗口...
### JavaScript刷新页面大全 在Web开发中，页面的刷新是一个常见的需求。JavaScript作为一种客户端脚本语言，提供了多种方法来实现页面的刷新功能。本文将详细介绍几种常见的方式，并给出相应的代码示例。 #### 1....
### JavaScript刷新页面的方法 在Web开发中，有时候我们需要利用JavaScript来实现页面的自动刷新或跳转功能。本文将详细介绍几种常见的使用JavaScript刷新页面的方法，并解释它们的工作原理。 #### 1. 使用`...
然而，在某些情况下，我们可能希望在关闭弹出窗口后，不刷新父窗口（即打开弹出窗口的页面），以保持当前页面状态不变。本文将详细介绍如何实现这一需求。 #### 二、问题描述 根据题目中的描述，开发者在`index....
总的来说，"javascript无刷新窗口，鼠标壳拖动窗口位置"涉及到了前端开发中的动态页面更新、用户交互设计以及JavaScript事件处理等多个方面，这些都是现代Web开发中的核心技能。通过熟练掌握这些技术，开发者可以...
在网页开发中，我们常常遇到需要在子窗口完成某些操作后，刷新或更新父窗口数据的情况。这在诸如弹出框进行数据编辑、表单提交等场景中尤为常见。本文档将深入探讨如何在子窗口关闭时刷新父窗口，包括使用`window....
首先，我们需要理解AJAX（Asynchronous JavaScript and XML）的核心概念，它允许我们在不重新加载整个网页的情况下，向服务器请求新的数据并更新页面的特定部分。在Java JSP环境中，AJAX通常结合jQuery或其他...
今天，我们将探索如何使用 JavaScript 实现弹出窗口，并且在关闭新窗口时刷新父窗口。 基本弹出窗口代码 要实现弹出窗口，只需在 HTML 文件中添加一段 JavaScript 代码即可。下面是一个基本的弹出窗口代码： ```...
在网页开发中，有时我们需要实现一个功能：当一个弹出层（通常是模态窗口或对话框）被关闭时，能够自动刷新其父页面的内容。这个功能常见于数据编辑或者信息确认场景，用户在子窗口中完成操作后，返回父页面看到最新...
当我们需要在用户关闭模态窗口后刷新其父页面时，JavaScript（简称js）提供了解决方案。 在JavaScript中，我们可以利用事件监听来处理模态窗口关闭的事件。首先，我们需要在模态窗口上设置一个关闭按钮，并为其添加...
在这个版本中，我们不仅向子窗口添加了一个输入框供用户输入数据，还添加了三个按钮：“返回”、“关闭”和“刷新”。其中，“返回”按钮的作用是将子窗口中的输入值传递给父窗口的输入框；“关闭”按钮则是彻底断开...
2. **JavaScript刷新页面的方法** - `window.location.reload()`：此方法可以用来刷新当前页面，它默认会重新发送页面的请求，包括表单数据。 - `window.opener.location.reload()`：如果弹出窗口是通过`window....
### 关于Struts2中利用JavaScript刷新window.showModalDialog的父页面 在Web开发中，尤其是在使用Struts2框架进行项目开发时，我们经常会遇到需要弹出模态对话框（modal dialog）的需求。其中一个常见的场景就是...