JS页面刷新技巧-CSDN博客

下面是我最近学习的几种js页面加载效果

再js中加入下面一句代码
location.reload();  //实现刷新页面重新加载

JS实现重新加载当前页面或者父页面的几种方法 
在开发过程中想要在某个时机去刷新某个固定的页面，去更新该页面某些控件的属性，比如显示隐藏、是否可点击等。是用的主要是通过 刷新该页面， 
方法如下：
   第一个方法：
           在该页面js部分中调用：  location.reload(); 
   第二个方法：
           在该页面js部分中调用：  locatiion.replace("new_url");
   第三个方法：
           在该页面js部分中调用：  windows.location.href=" new_url";

当然 也支持子页面刷新父页面的操作，但是子页面和父页面是通过HTML包含的关系，如果是通过JS在某个时机去加载固定的格式的页面，这种不能使用。 
方法如下：
第一个方法：
           在该页面js部分中调用：  windows.location.person.reload() ; 
第二个方法：
           在该页面js部分中调用：  windows.location.person.href=”new-url” ;
第三个方法：
           在该页面js部分中调用：  windows.location.person.replace(“new-url”); 

JS刷新页面的方法总结：
语法：location.reload([参数])  
该方法强迫浏览器刷新当前页面。                                                                                                                         参数： 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 get 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新")
语法： location.replace(url)  
该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的url。 
在实际应用的时候，重新刷新页面的时候，我们通常使用： location.reload() 或者是 history.go(0) 来做。因为这种做法就像是客户端点F5刷新页面，所以页面的method="post"的时候，会出现"网页过期"的提示。我们需要重新加载该页面，也就是说我们期望页面能够在服务端重新被创建， 我们期望是 Not IsPostback 的。这里，location.replace() 可以完成被replace的页面每次都在服务端重新生成。
你可以这么写： location.replace(location.href);
 
语法：location.replace(document.referrer); 
返回并刷新页面
document.referrer 
前一个页面的URL

自动刷新页面的方法:
1.页面自动刷新：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="10">
其中10指每隔10秒刷新一次页面.
2.页面自动跳转：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="10;url=http://页面路径 ">
其中10指隔10秒后跳转到http://页面路径页面

页面自动刷新，指定1秒刷新一次
function myrefresh()
{
       window.location.reload();
}
setTimeout('myrefresh()',1000);

子窗口刷新父窗口
<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>