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=button 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 button.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>
转载于http://www.byywee.com/page/M0/S764/764876.html
分享到:
相关推荐
本文详细介绍了JavaScript刷新框架及页面的七种方法,并通过示例代码进行了演示。掌握这些技巧对于提高Web应用程序的用户体验至关重要。开发者可以根据实际需求选择最合适的方法来实现页面或框架的刷新功能。
在本文中,我们将深入探讨frame框架的核心概念、优点、缺点以及如何在实际开发中有效利用它。 1. **Frame框架的基本概念** Frame框架由HTML的`<frameset>`标签定义,它可以将浏览器窗口划分为多个"帧",每个帧可以...
HTML 框架集 JS 刷新页面方法大全是指在 HTML 框架集页面中使用 JavaScript 实现刷新页面的各种方法的总结。本文将详细介绍如何在 HTML 框架集页面中使用 JavaScript 实现刷新页面,并且提供了七种不同的刷新方法和...
在探讨“JS当前页面和框架自动刷新的方法”这一主题时,我们主要关注的是如何利用JavaScript来实现网页及其框架内的页面自动或手动刷新的功能。本文将深入解析提供的代码示例,并详细阐述各种刷新方法的工作原理及...
JS 框架页面刷新是指在框架页面中刷新的方式。常见的 JS 框架页面刷新方法有: 1. 使用 window.parent.frames[] 方法:可以用来刷新框架页面。 ```javascript 刷新框架" onclick="window.parent.frames[1].location...
在某些特定场景下,如需要在不刷新整个页面的情况下更新部分内容,框架依然可能有一定的应用价值。例如,一个企业网站的侧边栏可能始终保持不变,而主要内容区域则可以随用户的操作动态变化。 总的来说,HTML框架...
### 如何跳出Frame框架 在Web开发中,有时我们需要让嵌套在`<frameset>`或`<iframe>`中的页面能够直接打开在一个新的窗口或直接覆盖当前顶级窗口,而不是局限于框架内部显示。这种情况通常出现在登录页或其他需要...
总的来说,框架是一种历史遗留的网页设计技术,它允许在不刷新整个页面的情况下更新部分内容,提高浏览效率。然而,随着Web技术的发展,现在有更多现代且适应性强的解决方案来替代框架,如Ajax和单页应用(SPA)框架...
先来看一个简单的例子:下面以三个页面分别命名为frame.html、top.html、bottom.html为例来... frame </ TITLE ></ HEAD >< frameset rows =”50%,50%” >< frame name =top src =”top.html”
### JavaScript 刷新框架知识点 #### 一、框架与页面刷新概念 在Web开发中,有时我们需要在一个页面中嵌入多个独立的子页面,这通常通过`<frameset>`标签实现。这种方式可以使得页面布局更加灵活多变,但也带来了...
本文将详细介绍几种使用JavaScript刷新页面的方法,并结合一个具体的示例来解释它们的用法。 1. `window.location.reload()`: 这是最常用的方法,通过调用`window`对象的`reload()`方法,可以强制刷新当前页面。...
2. **独立刷新**:每个框架可以单独刷新,不会影响其他框架的内容。 3. **页面布局灵活**:通过调整框架尺寸,可以实现各种布局设计。 #### 缺点: 1. **可访问性**:框架可能对屏幕阅读器和其他辅助技术造成困扰,...
除了上述在Frame中的刷新操作外,还有多种通用的JavaScript刷新页面的方法: 1. **使用History对象**: ```javascript history.go(0); ``` 2. **使用Location对象**: - 直接赋值: ```javascript location ...
4. **使用JavaScript刷新技术**:不仅仅是刷新iframe中的页面,文章还隐含了可以使用类似技术来刷新整个浏览器窗口或标签页,这在开发需要即时更新数据的应用时非常有用。 文章的重点在于教授开发者如何在不同的...
7. **异步通信**:如果KJFrame框架涉及网络通信,可能使用了异步HTTP请求库,比如Java的HttpURLConnection或JavaScript的fetch API,以实现数据的异步加载和刷新。 8. **性能优化**:高效的刷新机制需要考虑性能...
### JavaScript刷新页面大全 在Web开发中,页面的刷新是一个常见的需求。JavaScript作为一种客户端脚本语言,提供了多种方法来实现页面的刷新功能。本文将详细介绍几种常见的方式,并给出相应的代码示例。 #### 1....
2. **父级窗口刷新**:`parent.location.reload()`用于刷新当前页面所在的父级窗口或框架,这在处理嵌套的iframe或框架时特别有用。 ```javascript parent.location.reload(); ``` 3. **开启窗口刷新**:`...
功能介绍: 1、可以换皮肤、其中住框架、具体页面可以统一使用皮肤。 2、tab页标题有右键菜单,新开、...tabControl新开一个页面实际上是通过JS在主显示区域建立一个iframe 把这个iframe的src 指向我们指定的页面。
- 如果需要刷新特定的`iframe`,只需将`window`替换为其`frame`的名称或ID,如`frameNameOrID.reload(true)`。 3. **JavaScript 导航函数**: - `window.navigate("页面URL")`:这个方法在某些浏览器中可以用来...