JS实现刷新_重新加载页面

时间：2024-02-19 19:37:51

location.reload();  //实现页面重新加载

之前遇到的问题：浏览器清缓存  http://blog.csdn.net/icecoola_/article/details/76945194

参考：有的是错误的

JS实现重新加载当前页面或者父页面的几种方法

在开发过程中想要在某个时机去刷新某个固定的页面，去更新该页面某些控件的属性，比如显示隐藏、是否可点击等。主要是通过 刷新该页面，

1、location.reload()

2、location.replace("newUrl")

3、window.location.href="newUrl"

子页面刷新父页面的操作，但是子页面和父页面是通过HTML包含的关系，如果是通过JS在某个时机去加载固定的格式的页面，这种不能使用。方法如下：

1、 windows.location.person.href="NEW_URL";

2、 windows.location.person.reload();

3、windows.location.person.replace("NEW_URL");

JS刷新当前页面的几种方法总结

1、reload 方法，该方法强迫浏览器刷新当前页面。

  语法：location.reload([bForceGet]) 参数:bForceGet 可选参数，默认为false，从客户端缓存里取当前页面。true：以get方式从服务端取最新的页面，相当于客户端点击f5刷新。 

2、replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的URL。

  语法： location.replace(URL)   

 在实际应用的时候，通常使用： location.reload() 或者是 history.go(0) 来重新刷新页面。

   因为这种做法就像是客户端点F5刷新页面，所以页面的methos="post"的时候，会出现“网页过期”的提示，那是因为session的安全保护机制。

  当调用location.reload() 方法的时候，aspx页面此时在服务端内存里已存在，因此必定是IsPostback的。

   如果有这种应用：需要重新加载该页面，即期望页面能够在服务端重新被创建，我们期望是Not IsPostback的。

   这里用location.replace() 就可以。被replace的页面每次都在服务端重新生成。

   可以写：location.replace(location.href)

返回并刷新页面：

location.replace(document.referrer);

 document.referrer //前一个页面的URL

 不要用 history.go(-1)，或 history.back();来返回并刷新页面，这两种方法不会刷新页面。

附：Javascript刷新页面的几种方法：

history.go(0)

location.reload()

location=location

location.assign(location)

document.execCommand(\'Refresh\')

window.navigate(location)

location.replace(location)

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.xxx.net">

其中20指隔20秒后跳转到http://www.xxx.net页面

3.页面自动刷新

<script language="JavaScript">
   function myrefresh() { 
     window.location.reload(); 
   } 
   setTimeout(\'myrefresh()\',1000); //指定1秒刷新一次 
</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>

 

[文章转载来源]：https://blog.csdn.net/qq_34287953/article/details/82224018

相关文章