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> 

posted @ 2013-06-16 11:59  可可ing  阅读(234)  评论(0编辑  收藏  举报