`
starbhhc
  • 浏览: 655234 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

js自动刷新当前页面

 
阅读更多

reload 方法,该方法强迫浏览器刷新当前页面。
语法:location.reload([bForceGet])                                                                                                                           参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")

replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL。
语法: location.replace(URL)  

在实际应用的时候,重新刷新页面的时候,我们通常使用: location.reload() 或者是 history.go(0) 来做。因为这种做法就像是客户端点F5刷新页面,所以页面的method="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.jb51.net">
其中20指隔20秒后跳转到http://www.baidu.com页面

3.页面自动刷新js版


复制代码 代码如下:
<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>


也可以:setTimeout('window.location.href=window.location.href',1000); //指定1秒刷新一次

分享到:
评论

相关推荐

    JS当前页面和框架自动刷新的方法

    在探讨“JS当前页面和框架自动刷新的方法”这一主题时,我们主要关注的是如何利用JavaScript来实现网页及其框架内的页面自动或手动刷新的功能。本文将深入解析提供的代码示例,并详细阐述各种刷新方法的工作原理及...

    js刷新当前页面

    ### JavaScript 刷新当前页面的方法与原理 在Web开发过程中,页面刷新是一个常见需求。通过JavaScript进行页面刷新不仅可以增强用户体验,还能解决一些特定场景下的问题。本文将详细介绍几种常见的JavaScript页面...

    js实现刷新当前页面

    ### JavaScript 实现刷新当前页面详解 #### 一、概述 在Web开发中,有时我们需要让用户在不离开当前页面的情况下刷新页面以获取最新的数据或者状态。JavaScript 提供了多种方法来实现这一需求。本文将详细介绍使用...

    ext js 页面自动刷新教程集合

    在Ext JS中,页面的自动刷新功能通常涉及到数据网格(Grid)的实时更新,这在处理动态数据流或者需要实时显示新数据的场景中非常常见。本教程集合将深入探讨如何在Ext JS中实现页面,特别是数据网格的自动刷新。 一...

    js自动刷新代码

    本文将详细介绍如何使用JavaScript(简称JS)来实现页面的自动刷新,并探讨各种不同的刷新场景。 #### 二、基本原理与方法 自动刷新可以通过多种方式实现,下面我们将逐一介绍这些方法: ##### 1. 定时刷新当前...

    js刷新当前页面的几种方法(相当牛X)

    用js刷新当前页面的几种方法,包括reload方法、replace方法、自动刷新方法 如何实现刷新当前页面呢?借助js你将无所不能。 1,reload 方法,该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) ...

    js页面刷新大全

    1. 使用 location.reload() 方法:location.reload() 方法可以用来刷新当前页面。 ```javascript 刷新" onclick="location.reload()"&gt; ``` 2. 使用 window.location 重新加载页面:可以使用 window.location 重新...

    javascript页面跳转与自动刷新常用代码

    ### JavaScript页面跳转与自动刷新相关知识点 #### 一、JavaScript刷新页面的多种方法 JavaScript提供了多种方式来刷新页面,具体方法如下: 1. **`history.go(0)`** - 这个方法用于重新加载当前文档。 - **...

    页面自动刷新代码大全

    如果不指定URL,页面将重载当前页面。 2. JavaScript定时器刷新: JavaScript的`setInterval`函数可用于周期性执行某段代码,实现页面刷新。例如: ```javascript window.onload = function() { setInterval...

    自动刷新网页,自动刷新当前页面,JS调用

    本文将详细解释如何使用 JavaScript 自动刷新当前页面,并探讨不同方法的适用场景。 1. `location.reload()`: 这是 JavaScript 中最常用的方法,用于刷新当前页面。`location.reload()` 有一个可选参数 `...

    【JavaScript源代码】vue列表数据删除后主动刷新页面及刷新方法详解.docx

    在Vue.js应用中,当你需要在执行特定操作如删除或添加数据后刷新页面时,通常前端不会自动更新,因为Vue采用的是数据驱动视图的模式,仅当数据变化时才会更新视图。在这种情况下,我们可以采取手动刷新页面的方法。...

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

    在JavaScript中,刷新当前页面是常见的操作,尤其在动态交互的网页中,有时需要更新页面内容以反映最新的数据。本文将详细介绍几种常见的JS刷新页面的方法,并探讨它们的使用场景和特性。 1. `location.reload()`:...

    网页自动刷新插件

    首先,我们要理解的是,网页自动刷新插件的核心功能是通过JavaScript编程实现的,这种脚本语言允许插件在浏览器环境中执行周期性的任务,比如定期重载当前页面。用户可以根据需求自定义刷新间隔,例如每5秒、每分钟...

    勾选复选框并自动刷新当前页面的特效代码.rar

    标题提到的"勾选复选框并自动刷新当前页面的特效代码"是一种常见的JavaScript技术应用,主要用于实现用户在勾选复选框后,页面能即时更新内容,无需手动刷新。这种功能在数据实时性要求较高的应用场景中非常常见,...

    自动刷新页面+自动跳转和关闭

    通过JavaScript也可以轻松地实现页面的自动刷新。具体实现方式如下: ```javascript window.location.reload(true); // true表示强制从服务器获取数据 ``` 此方法将当前页面进行刷新,参数`true`表示强制刷新,即...

    自动刷新网页

    例如,下面的代码会在5秒钟后自动刷新当前页面: ```javascript window.onload = function() { setTimeout(function() { location.reload(); }, 5000); } ``` 这种方法的优点是可以随时停止或启动刷新,只需...

    页面自动刷新有关各种的技术

    `可以刷新当前页面,因为它将浏览器历史记录指针重置到当前位置。 - `window.close();`则用于关闭当前浏览器窗口。 6. **框架页面刷新**: 在多框架页面中,如果需要刷新特定的框架,可以使用JavaScript来针对...

    Javascript刷新页面的几种方法

    在Web开发中,有时候我们需要利用JavaScript来实现页面的自动刷新或跳转功能。本文将详细介绍几种常见的使用JavaScript刷新页面的方法,并解释它们的工作原理。 #### 1. 使用`history.go(0)` `history.go(0)`会...

    ajax自动刷新页面

    7. **前端框架和库的支持**:现代Web开发中,许多前端框架如jQuery、Vue.js、React.js等都提供了简化Ajax操作的API,使得开发者能更方便地实现自动刷新页面等功能。 8. **性能优化**:在实现自动刷新时,需要考虑...

    js页面跳转和自动刷新

    这种方法适用于只需要刷新当前页面的情况。 - **示例**: ```javascript window.location.href = window.location.href; ``` #### 总结 通过以上介绍,我们可以看到JavaScript提供了多种方法来实现页面跳转和...

Global site tag (gtag.js) - Google Analytics