`

《转》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刷新页面的几种方法:
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


自动刷新页面的方法:
1.页面自动刷新:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.

2.页面自动跳转:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://www.wyxg.com">
其中20指隔20秒后跳转到http://www.wyxg.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>

分享到:
评论

相关推荐

    js刷新当前页面

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

    js实现刷新当前页面

    本文将详细介绍使用JavaScript刷新当前页面的几种常见方法,并通过具体的示例帮助读者更好地理解和掌握这些技巧。 #### 二、JavaScript 刷新页面的方法 ##### 1. `reload` 方法 - **定义**: `reload` 方法用于强制...

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

    2. `location.reload()`: 强制刷新当前页面,可以选择是否绕过缓存。 3. `location=location`: 这种方式也会重定向页面到当前URL,从而实现刷新的效果。 4. `location.assign(location)`: 类似于`location=location`...

    用js来刷新当前页面保留参数的具体实现

    在本文中,我们将探讨如何使用JavaScript(简称js)技术来实现刷新当前页面的同时保留页面参数。通常情况下,当我们在网页上刷新时,页面中的数据和状态会被重置,特别是GET请求的参数会丢失。为了解决这个问题,...

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

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

    JS刷新父页面 父窗口

    ### JS刷新父页面 在JavaScript中,我们经常遇到需要在一个弹出的窗口(子窗口)中执行操作后刷新父窗口的情况。这在很多应用场景中都非常有用,比如表单提交后的页面刷新、数据更新后的页面刷新等。实现这一功能的...

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

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

    js刷新页面方法大全

    当传递0作为参数时,它相当于刷新当前页面: ```javascript window.history.go(0); ``` 4. `document.execCommand('refresh')` 这个方法在过去被用来模拟刷新,但现在已经被废弃,不应再使用。然而,为了完整起见,...

    javascript刷新父页面

    ### JavaScript 刷新父页面知识点详解 #### 一、概述 在网页开发中,有时我们需要从一个弹出的子窗口(通常是由 `window.open` 或 `window.showModalDialog` 方法打开的)来控制父窗口的行为,比如刷新父窗口的...

    JS区分浏览器页面是刷新还是关闭

    传统的做法是使用BOM(Browser Object Model)事件中的onbeforeunload事件,该事件会在页面即将卸载前触发,允许开发者进行一些操作,如确认用户是否要离开当前页面。然而,仅仅使用onbeforeunload事件并不能完全...

    js页面刷新大全

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

    Javascript刷新页面的几种方法

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

    jquery刷新页面和JS常用的函数

    **刷新当前页面:** ```javascript window.location.reload(); ``` 此方法会重新加载当前页面。 **刷新父页面:** ```javascript parent.location.reload(); ``` 如果当前页面位于一个 `iframe` 内,则使用 `...

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

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

    js中刷新页面的方法

    当当前页面位于某个父窗口的子框架内时,使用 `parent.location.reload()` 可以刷新父窗口的内容。这种方法适用于处理嵌套框架的情况。 **基本语法:** ```javascript parent.location.reload(); ``` **示例代码...

    js刷新页面 方法大全

    1. `window.location.reload()`: 这是最常用的方法,通过调用`window`对象的`reload()`方法,可以强制刷新当前页面。例如: ```javascript window.location.reload(); ``` 可选参数`true`可以使页面从服务器而...

    js无刷新改变页面url

    js 无刷新改变页面 URL 是指通过 JavaScript 处理,使页面请求在跳转回来,页面无刷新感觉,增加用户体验。这种技术可以使页面的跳转(前进后退、点击等)不重新请求页面,使页面 URL 与页面展现内容一致,符合人们...

    html框架集js刷新页面方法大全.pdf

    这些方法都可以实现刷新当前页面,並且可以根据需要选择合适的方法。 结论 ---------- 在 HTML 框架集页面中,使用 JavaScript 实现刷新页面非常方便。我们可以根据需要选择合适的方法来实现刷新页面,并且可以...

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

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

Global site tag (gtag.js) - Google Analytics