Javascript刷新页面大全
非模态刷新父页面：window.opener.location.reload();
模态刷新父页面：window.dialogArguments.location.reload();
先来看一个简单的例子：
下面以三个页面分别命名为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>
Javascript刷新页面大全的更多相关文章
- Javascript刷新页面的几种方法
Javascript刷新页面的几种方法: window.navigate(location)location.reload()location=locationlocation.assign(loca ...
- Javascript刷新页面的八种方法
/** * Javascript刷新页面的八种方法 * 说明一下,jQuery没有发现刷新页面的方法. */ 1 history.go(0) 2 location.reload() 3 locatio ...
- javascript刷新页面的方法
Javascript刷新页面的几种方法: 1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(locat ...
- js 刷新页面大全
一.先来看一个简单的例子: 下面以三个页面分别命名为frame.html.top.html.bottom.html为例来具体说明如何做. frame.html 由上(top.html)下(bottom ...
- Javascript刷新页面的几种方法：
Javascript刷新页面的几种方法: 1 history.go(0) 2 window.location.reload() window.location.reload(true) ...
- JavaScript刷新页面的方法（包括Frame框架的刷新方式）
JavaScript刷新页面的方法 1 history.go(0) 去指定的某页 2 window.location.reload()刷新当前页面 window.location.relo ...
- javascript刷新页面代码
原文链接:http://caibaojian.com/javascript-refresh-page.html reload 方法,该方法强迫浏览器刷新当前页面. 语法:location.reload ...
- JavaScript刷新页面n种方法
window.location.href 属性 window.location.href=window.location.href;//刷新当前页面 asp.net 或 asp 利用此功能刷新页面 R ...
- javascript刷新页面的集中办法
1. history.go(0) 2. location.reload() 3. location=location 4. location.assign(location) 5. document. ...
随机推荐
- 特殊表达式的意义[c++ special expressions]
[本文链接] http://www.cnblogs.com/hellogiser/p/special-expressions.html x&(x-1)表达式的意义: 统计二进制中1的个数. ...
- MinGW/MSYS 交叉编译环境搭建
因为包的依赖关系不清楚,搭建时出错也不知道是什么原因,下面链接老外写的搭建步骤,写的非常详细还有脚本 已经编译的下载地址 http://ingar.satgnu.net/devenv/mingw32/ ...
- Java for LeetCode 201 Bitwise AND of Numbers Range
Given a range [m, n] where 0 <= m <= n <= 2147483647, return the bitwise AND of all numbers ...
- centos7下yum安装mysql
CentOS 7的yum源中貌似没有正常安装mysql时的mysql-sever文件,需要去官网上下载 # wget http://dev.mysql.com/get/mysql-communit ...
- Xamarin.Android开发实践（十八）
Xamarin.Android之SlidingMenu 一.前言 有位网友在评论中希望能够出个在Xamarin.Android下实现SlidingMenu效果的随笔,刚好昨天在观看官网示例项目的时候也 ...
- PHP多文件上传类
<?php class Upload{ var $saveName;// 保存名 var $savePath;// 保存路径 var $fileFormat = array('gif','jpg ...
- hdu 4586 Play the Dice 概率推导题
A - Play the DiceTime Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://acm.hust.edu.cn/vjudge/contest/ ...
- 让html元素随浏览器的大小自适应垂直居中
转自:http://www.cnblogs.com/linjiqin/archive/2011/06/15/2081362.html 表格可以实现td中的元素垂直居中显示,但是前提条件必须定义td的高 ...
- SU Demos-02Filtering-06Sukfilter
本demo中数学原理纯粹不知道,看来以后需要抓紧时间补课了,只附图. 运行结果图如下:
- API分析——Jquery UI Dialog
1.阅读API文档的一般方法? 通常地, API由三部分构成:属性.方法.事件. 属性表示参数配置,作为一个组件的微调,或者功能的开启与关闭: 方法表示组件能够发生的动作,或者组件的状态监测: 事件表 ...