下面以三个页面分别命名为framedemo.html,top.html,button.html为例来具体说明如何做。
其中framedemo.html由上下两个页面组成，代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> frameDemo </TITLE>
</HEAD>
<frameset rows="50%,50%">
<frame name=top src="top.html">
<frame name=button src="button.html">
</frameset>
</HTML>
现在假设top.html即上面的页面有一个button来实现对下面页面的刷新，可以用以下七种语句，哪个好用自己看着办了。
语句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();
解释一下：
1.window指代的是当前页面，例如对于此例它指的是top.html页面。
2.parent指的是当前页面的父页面，也就是包含它的框架页面。例如对于此例它指的是framedemo.html。
3.frames是window对象，是一个数组。代表着该框架内所有子页面。
4.item是方法。返回数组里面的元素。
5.如果子页面也是个框架页面，里面还是其它的子页面，那么上面的有些方法可能不行。
top.html源代码；(页面上有七个按钮，功能都是刷新下面的框架页面)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
</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页面源代码，为了证明下方页面的确被刷新了，在装载完页面弹出一个对话框。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
</HEAD>
<BODY onload="alert('我被加载了！')">
<h1>This is the content in button.html.</h1>
</BODY>
</HTML>
分享到：
相关推荐
本文详细介绍了JavaScript刷新框架及页面的七种方法，并通过示例代码进行了演示。掌握这些技巧对于提高Web应用程序的用户体验至关重要。开发者可以根据实际需求选择最合适的方法来实现页面或框架的刷新功能。
在探讨“JS当前页面和框架自动刷新的方法”这一主题时，我们主要关注的是如何利用JavaScript来实现网页及其框架内的页面自动或手动刷新的功能。本文将深入解析提供的代码示例，并详细阐述各种刷新方法的工作原理及...
除了上述七种方法外，还有其他七种方法可以实现 JavaScript 刷新页面，分别是： 1. 使用 `history.go(0)` 方法 2. 使用 `location.reload()` 方法 3. 使用 `location=location` 方法 4. 使用 `location.assign...
### JavaScript 刷新框架子页面的方法 在Web开发中，经常需要处理框架页面的刷新问题...以上就是关于使用JavaScript刷新框架子页面的七种方法的具体介绍。根据实际需求选择合适的方法进行应用，可以有效提升用户体验。
标题“demo_DEMO_子页面刷新父页面iframe_”暗示我们关注的焦点是关于如何在子页面中触发父页面的刷新操作，特别是在一个IFrame上下文中。下面将详细探讨这个主题。 首先，我们需要了解IFrame（内联框架）的基本...
文章提到的“JS刷新框架外页面七种实现代码”涵盖了多种使用 JavaScript 实现 iframe 页面刷新的方法。下面我们将详细解释这七种方法的原理和使用场景： 1. window.parent.frames[1].location.reload(); 这行代码...
本文将详细介绍几种常见的使用JavaScript刷新页面的方法，并解释它们的工作原理。 #### 1. 使用`history.go(0)` `history.go(0)`会重新加载当前文档。这个方法与`location.reload()`的效果相同，但它的实现方式...
根据给定的信息，我们可以深入探讨如何使用JavaScript来刷新父页面，并进一步分析提供的示例代码以及扩展其他相关的知识点。 ### JS刷新父页面 在JavaScript中，我们经常遇到需要在一个弹出的窗口（子窗口）中执行...
1. 使用 window.parent.frames[] 方法：可以用来刷新框架页面。 ```javascript 刷新框架" onclick="window.parent.frames[1].location.reload()"> ``` 2. 使用 window.top.location.reload() 方法：可以用来刷新顶层...
本文将详细介绍几种使用JavaScript刷新页面的方法，并结合一个具体的示例来解释它们的用法。 1. `window.location.reload()`: 这是最常用的方法，通过调用`window`对象的`reload()`方法，可以强制刷新当前页面。...
#### 四、刷新框架页面的方法 对于包含多个框架的页面，可以通过以下方法刷新特定框架的内容： - **刷新包含该框架的页面**: ```javascript parent.location.reload(); ``` - **子窗口刷新父窗口**: ```...
本文将详细介绍在JS中实现页面刷新的各种方法及其应用场景，并深入探讨每种方法的工作原理及注意事项。 ### 一、`window.location.reload()` #### 1.1 基本用法 `window.location.reload()` 是最常用的页面刷新...
4. **刷新框架**：在含有框架（frames或iframes）的页面中，如果需要刷新特定的框架，可以使用`contentWindow`属性或`contentDocument`属性（取决于浏览器兼容性）： ```javascript // 刷新id为'myFrame'的iframe...
在网页开发中，有时我们需要从一个弹出的子窗口（通常是由 `window.open` 或 `window.showModalDialog` 方法打开的）来控制父窗口的行为，比如刷新父窗口的页面。这在很多应用场景下都非常有用，比如用户在子窗口...
根据给定的代码片段和描述，“open关闭子页面刷新父页面”这一主题涉及到的关键知识点主要包括：使用JavaScript打开新窗口、父窗口与子窗口之间的通信，以及通过特定事件触发父窗口的刷新。 ### 使用JavaScript打开...
本文将详细介绍几种常见的JS刷新页面的方法，并探讨它们的使用场景和特性。 1. `location.reload()`：这是最常用的方法，它会重新加载当前页面。`location.reload()`函数接受一个可选参数`bForceGet`，默认为`false...
先来看一个简单的例子：下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。frame.html 由上(top.html)下(bottom.html)两个页面组成，代码如下： 代码如下:<! DOCTYPE ...
总结，AjaxAnyWhere局部刷新框架为开发者提供了一种高效、便捷的方式来实现网页的局部更新，通过掌握这个框架，可以大大提高Web应用的用户体验和开发效率。结合示例和文档，开发者可以快速上手并灵活应用到实际项目...