js刷新框架子页面的七种方法
面以三个页面分别命名为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源代码;(页面上有七个按钮,功能都是刷新下面的框架页面)
分享到:
相关推荐
本文详细介绍了JavaScript刷新框架及页面的七种方法,并通过示例代码进行了演示。掌握这些技巧对于提高Web应用程序的用户体验至关重要。开发者可以根据实际需求选择最合适的方法来实现页面或框架的刷新功能。
### JavaScript 刷新框架子页面的方法 在Web开发中,经常需要处理框架页面的刷新问题...以上就是关于使用JavaScript刷新框架子页面的七种方法的具体介绍。根据实际需求选择合适的方法进行应用,可以有效提升用户体验。
### 二、刷新框架内页面的方法 #### 方法1:`window.parent.frames[1].location.reload();` 此方法通过`window.parent`访问父窗口,然后使用`frames`数组来定位到第二个框架(索引为1),最后调用`location.reload...
标题“demo_DEMO_子页面刷新父页面iframe_”暗示我们关注的焦点是关于如何在子页面中触发父页面的刷新操作,特别是在一个IFrame上下文中。下面将详细探讨这个主题。 首先,我们需要了解IFrame(内联框架)的基本...
### JS刷新父页面 在JavaScript中,我们经常遇到需要在一个弹出的窗口(子窗口)中执行操作后刷新父窗口的情况。这在很多应用场景中都非常有用,比如表单提交后的页面刷新、数据更新后的页面刷新等。实现这一功能的...
HTML 框架集 JS 刷新页面方法大全是指在 HTML 框架集页面中使用 JavaScript 实现刷新页面的各种方法的总结。本文将详细介绍如何在 HTML 框架集页面中使用 JavaScript 实现刷新页面,并且提供了七种不同的刷新方法和...
1. 使用 window.parent.frames[] 方法:可以用来刷新框架页面。 ```javascript 刷新框架" onclick="window.parent.frames[1].location.reload()"> ``` 2. 使用 window.top.location.reload() 方法:可以用来刷新顶层...
#### 四、刷新框架页面的方法 对于包含多个框架的页面,可以通过以下方法刷新特定框架的内容: - **刷新包含该框架的页面**: ```javascript parent.location.reload(); ``` - **子窗口刷新父窗口**: ```...
根据给定的代码片段和描述,“open关闭子页面刷新父页面”这一主题涉及到的关键知识点主要包括:使用JavaScript打开新窗口、父窗口与子窗口之间的通信,以及通过特定事件触发父窗口的刷新。 ### 使用JavaScript打开...
### JavaScript 刷新父页面知识点详解 #### 一、概述 在网页开发中,有时我们需要从一个弹出的子窗口(通常是由 `window.open` 或 `window.showModalDialog` 方法打开的)来控制父窗口的行为,比如刷新父窗口的...
先来看一个简单的例子:下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下: 代码如下:<! DOCTYPE ...
**AjaxAnyWhere局部刷新框架详解** AjaxAnyWhere是一款强大的JavaScript框架,专为实现网页的局部刷新功能而设计。在Web开发中,局部刷新技术能够显著提升用户体验,因为它允许页面的某些部分在不重新加载整个页面...
请注意,这些方法在多框架页面中工作良好,但如果子页面本身也是一个包含更多子页面的框架集,某些方法可能不适用。在这种情况下,可能需要更深层次的引用,或者使用`window.top`或`window.self`来确定确切的页面...
4. **刷新框架**:在含有框架(frames或iframes)的页面中,如果需要刷新特定的框架,可以使用`contentWindow`属性或`contentDocument`属性(取决于浏览器兼容性): ```javascript // 刷新id为'myFrame'的iframe...
根据提供的案例,“javascript 刷新框架”涉及到的具体内容是:如何在主页面中触发子页面(即框架)的刷新。这里提供了一个典型的例子,包括了`frame.html`作为框架页面,以及`top.html`和`bottom.html`作为子页面。...
文章提到的“JS刷新框架外页面七种实现代码”涵盖了多种使用 JavaScript 实现 iframe 页面刷新的方法。下面我们将详细解释这七种方法的原理和使用场景: 1. window.parent.frames[1].location.reload(); 这行代码...
在JavaScript(简称JS)开发中,页面刷新是一个常见的操作需求,尤其在前端开发领域尤为重要。本文将详细介绍在JS中实现页面刷新的各种方法及其应用场景,并深入探讨每种方法的工作原理及注意事项。 ### 一、`...
### JavaScript刷新页面的方法 在Web开发中,有时候我们需要利用JavaScript来实现页面的自动刷新或跳转功能。本文将详细介绍几种常见的使用JavaScript刷新页面的方法,并解释它们的工作原理。 #### 1. 使用`...