Javascript刷新当前页
下面以三个页面分别命名为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" οnclick="window.parent.frames[1].location.reload()"><br>
<input type=button value="刷新2" οnclick="window.parent.frames.bottom.location.reload()"><br>
<input type=button value="刷新3" οnclick="window.parent.frames['bottom'].location.reload()"><br>
<input type=button value="刷新4" οnclick="window.parent.frames.item(1).location.reload()"><br>
<input type=button value="刷新5" οnclick="window.parent.frames.item('bottom').location.reload()"><br>
<input type=button value="刷新6" οnclick="window.parent.bottom.location.reload()"><br>
<input type=button value="刷新7" οnclick="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 οnlοad="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 οnlοad="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<script language="javascript">
window.opener.document.location.reload()
</script>
转载于:https://www.cnblogs.com/xuwb/archive/2010/07/03/1770448.html
Javascript刷新当前页相关推荐
- JavaScript刷新当前页面的三种方法,载入新文档替换当前页面
通过JavaScript刷新当前页面的三种方法代码就可以简单的实现,首先我们来看三种刷新当前页的方法: reload() 方法; replace() 方法; 页面自动刷新; 方法1:reload() ...
- 前端工程师必须知道的用javaScript刷新当前页面的3种方法
业务场景:APP列表页右上角有一个立即刷新按钮,点击立即刷新需要刷新当前页面.下面简单实现几个DEMO 效果图 目录 方法1:reload() 方法 方法2:replace() 方法
- 各种页面刷新代码大全,asp/javascript刷新页面代码
页面自动刷新代码大全,基本上所有要求自动刷新页面的代码都有,大家可以自由发挥做出完美的页面. 1) 10表示间隔10秒刷新一次 2) <script> window.location.re ...
- javascript 刷新技巧
声明: 最近越来越感觉JS的优越性,项目中用到关于框架页面刷新的方法,在网上搜索以后发现有许多不错的代码,但不是很齐全.于是,我索性从网络上搜集以后经过精心编排,整理了一下.^ - ^ 希望大家多多 ...
- js刷新当前页的方法
今天遇到个只要get方式刷新的问题.. 网上找了一段,参考下... 以后记住了!! 下面以三个页面分别命名为frame.html.top.html.bottom.html为例来具体说明如何做. fra ...
- java刷新当前页面_js刷新当前页面的5种方式
1. reload reload 方法,该方法强迫浏览器刷新当前页面. 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从 ...
- JS刷新当前页面的几种方法总结
本文出自:http://www.jb51.net/article/44764.htm.http://blog.csdn.net/cj649934578/article/details/8965003 ...
- 用js刷新当前页面的几种方法,包括reload方法、replace方法、自动刷新方法等。
如何实现刷新当前页面呢?借助js你将无所不能. 1,reload 方法,该方法强迫浏览器刷新当前页面. 语法:location.reload([bForceGet]) 参数: bForceGet ...
- js刷新当前页面的方法
[ 转载自:https://www.cnblogs.com/12344321hh/p/8533359.html ] 一.手动刷新 reload reload 方法,该方法强迫浏览器刷新当前页面. 语法 ...
最新文章
- maven添加本地jar包依赖
- Proteus仿真STM32F103R6微控制器的GPIO(按键控制LED开关)
- Android面试题集合
- 血压测量:很重要的事情!
- GP学习(五)—ArcGIS Toolbox Reference dialog box
- JAVA Swing GUI设计 WindowBuilder Pro Container使用大全6——JLayeredPane使用
- mybatis调用mysql存储过程_秒会mybatis调用存储过程(MySQL)
- 机器学习- 吴恩达Andrew Ng Coursera学习总结合集,编程作业技巧合集
- 数据结构课程设计-(三)哈夫曼编码器
- 微信小程序 访问locolhost_微信小程序 数据访问实例详解
- ASC加密解密(笔记)
- Asp.net web服务处理程序(第六篇)
- 大规模容器镜像管理方案
- 心动的本质是什么_风动,幡动,仁者心动,到底是什么在动
- 【卡特兰数】【递推】【高精+压位】JZOJ·WZK打雪仗
- iOS开发实战之手机号、座机号正则验证
- 受损固态硬盘(SSD)数据恢复方法
- a32.ansible 生产实战案例 -- 基于kubeadm安装kubernetes v1.22 -- 集群部署(一)
- Cut-Off Wavelength in fiber(光纤的截止波长)
- 苏州OJ c001: 合并同类项
热门文章
- PHP execl导出/展示
- 30 个用于杂志网站的 WordPress 主题
- git commit撤销_Git commit 提交一堆记录?试试撤回 commit 操作,你会爱上它
- docker网络--理解linux底层实现机制、docker网络模式
- oracle重新生成控制文件,Oracle重建控制文件的语法
- (41)FPGA状态机一段式
- (08)Verilog HDL同步复位
- (42)FPGA面试题时钟抖动和时钟偏移
- leetcode二叉树 找路径_LeetCode0257: 二叉树的所有路径
- 集成springboot案例_SpringBoot开发者都在用的五款优质扩展,每个都很能打!