Js 刷新框架页的代码


先来看一个简单的例子:
下面以三个页面分别命名为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>

//如果都不行试以下
Response.Write("<script language=javascript>window.opener.location.reload();window.close();</script>");
下面是几个可以参考的文章:
js刷新框架子页面的七种方法代码

JS与框架页的操作代码



相关阅读:
动态通过js脚本构造html页面
MYSQL5 masterslave数据同步配置方法
笔记本上安装freebsd的小知识
迅速删除非法文件名的批处理代码
将部分数据导出后导入一个统一数据库
简述CSS透明技巧(总结)
Win7 安装软件时无法连接sql server解决方法
使用xmlHttp结合ASP实现网页的异步调用
基于jquery的兼容各种浏览器的iframe自适应高度的脚本
JS 动态添加列表框项效果代码
高亮显示web页表格行的javascript代码
可以拖动的div 实现代码
Windows 2003系统网络负载均衡的实现
一个查看ASP的javascript程序
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 汽车销售年中工作总结 走进初一 在唐诗宋词里舞蹈 书写——回忆作文500字 《当一块石头有了愿望》原文及阅读答案 寻梦江南之爱伊如梦(一) 我的仙人掌200字 一池墨香蔓延心房 如果十年 悲痛的追忆 2016关于讲政治有信念专题演讲稿范文 星期天的日记 美食广场档口经营合同 企业八荣八耻荣辱观心得体会 散文:她 作文 走近梭罗 水土资源开发利用效益状况调研报告 县文化馆2011年终工作总结 っ 少年在年少的岁月中渐渐走失 幸福的一家人作文100字 一米的距离有多远 水管站上半年党建工作汇报材料 是不是时间杀害了爱情 若能无忧无虑,真好!作文700字 妈妈真勇敢 一“气”呵成 真正意义的赢者作文800字 税务局×同志先进事迹 高中生入团申请书范文精编 松树下的遐思作文1600字 把握品德新课程教材目标方法论[心得体会] 昨夜星辰今日雨 今年终于可以回家过年作文900字 酒疯子 我自己的音乐随身听 终有一天你我都会明白 飘落的泪作文600字 可爱的妹妹_关于描写妹妹的小学生作文450字 秋天到了作文150字 那一幕,我永远也忘不了……1000字 小学2011年春工作总结 中职新生军训总结表彰大会校长讲话稿 透支的承诺 有题不如无题 2016最伤感的爱情句子 副州长在州直安全生产工作会议结束时的讲话 谢谢您,付老师 小学五年级作文400字:清凉的雨 鸡年祝福病人早日康复的贺卡祝福语(英文版) 临江仙 忆童年

Copyright © 2016 phpStudy |