JavaScript刷新框架子页面的七种方法（总结）
本文给大家介绍JavaScript刷新框架子页面的七种方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。
下面以三个页面分别命名为framedemo.html，left.html，right.html为例来具体说明如何做。
其中framedemo.html由左右两个页面组成，代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> < HTML> < HEAD> < TITLE> frameDemo </TITLE> < /HEAD> < frameset cols="200,*"> < frame name=top src="left.html"> < frame name=button src="right.html"> < /frameset> < /HTML>
现在假设left.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>
下面是right.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>
经我测试，只能1 和4 显示效果，别的好像不对哟
=============＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
附：
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.页面自动刷新：把如下代码加入
区域中<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.
2.页面自动跳转：把如下代码加入
区域中<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 onload="opener.location.reload()">开窗时刷新 <body onUnload="opener.location.reload()">关闭时刷新 <script language="javascript"> window.opener.document.location.reload() < /script>
总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。更多相关教程请访问JavaScript视频教程！
相关推荐：
以上是JavaScript刷新框架子页面的七种方法（总结）的详细内容。更多信息请关注PHP中文网其他相关文章！
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
突破或从Java 8流返回？
Feb 07, 2025 pm 12:09 PM
Java 8引入了Stream API，提供了一种强大且表达力丰富的处理数据集合的方式。然而，使用Stream时，一个常见问题是：如何从forEach操作中中断或返回？ 传统循环允许提前中断或返回，但Stream的forEach方法并不直接支持这种方式。本文将解释原因，并探讨在Stream处理系统中实现提前终止的替代方法。 延伸阅读： Java Stream API改进 理解Stream forEach forEach方法是一个终端操作，它对Stream中的每个元素执行一个操作。它的设计意图是处
创造未来：面向零基础的 Java 编程
Oct 13, 2024 pm 01:32 PM
Java是热门编程语言，适合初学者和经验丰富的开发者学习。本教程从基础概念出发，逐步深入讲解高级主题。安装Java开发工具包后，可通过创建简单的“Hello,World!”程序实践编程。理解代码后，使用命令提示符编译并运行程序，控制台上将输出“Hello,World!”。学习Java开启了编程之旅，随着掌握程度加深，可创建更复杂的应用程序。
