js刷新页面方法大全
参考博客:http://www.jb51.net/article/14397.htm
一、基本页面刷新方式:
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
二、框架之间刷新方式:
framedemo.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页面里想要刷新bottom页面,就可以使用如下方式:
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是方法。返回数组里面的元素。
需要注意的是:
1.window.parent 是iframe页面调用父页面对象,而window.opener(或者 self.opener) 是 window.open 打开的子页面调用父页面对象;
2.如果子页面也是个框架页面,里面还是其它的子页面,那么上面的有些方法可能不行。
知道了这些基本的知识,就可以根据的自己的需要自由组合了,比如:
新窗口刷新父页面(比如window.open打开的),就可以用:self.opener.location.reload();
三、定时刷新方式:
1.页面自动刷新:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面
2.页面自动跳转:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://www.jb51.net">
其中20指隔20秒后跳转到http://www.jb51.net页面
3.页面自动刷新js版
<script language="JavaScript">
function myrefresh() {
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>