JavaScript 刷新当前页面常用代码
来源：自学PHP网
时间：2014-09-19 14:48 作者：
阅读:次
[导读] 在js刷新当前页面使用location.reload()或location.href来实例，当然刷新框架页面我们可以使用window.parent.frames来实现，下面我们一起来看看吧。...
|
reload 方法，该方法强迫浏览器刷新当前页面。
语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新")
例
| 代码如下 |
复制代码 |
|
<input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()">
<input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()">
<input type=button value="刷新3" onclick="window.parent.frames['bottom'].location.reload()">
<input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()">
<input type=button value="刷新5" onclick="window.parent.frames.item('bottom').location.reload()">
<input type=button value="刷新6" onclick="window.parent.bottom.location.reload()">
<input type=button value="刷新7" onclick="window.parent['bottom'].location.reload()">
|
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
例
| 代码如下 |
复制代码 |
|
<jscript>
function refreshopage()
{
window.location.reload();
}
</jscript>
|
1.页面自动刷新：把如下代码加入<head>区域中
| 代码如下 |
复制代码 |
|
<meta http-equiv="refresh" content="20">
|
其中20指每隔20秒刷新一次页面.
2.页面自动跳转：把如下代码加入<head>区域中
| 代码如下 |
复制代码 |
|
<meta http-equiv="refresh" content="20;url=http://www.111cn.net">
|
其中20指隔20秒后跳转到http://www.111cn.net页面
3.页面自动刷新js版
| 代码如下 |
复制代码 |
|
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>
|
|
