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>
分享到:
相关推荐
### JavaScript 刷新当前页面的方法与原理 在Web开发过程中,页面刷新是一个常见需求。通过JavaScript进行页面刷新不仅可以增强用户体验,还能解决一些特定场景下的问题。本文将详细介绍几种常见的JavaScript页面...
用js刷新当前页面的几种方法,包括reload方法、replace方法、自动刷新方法 如何实现刷新当前页面呢?借助js你将无所不能。 1,reload 方法,该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) ...
本文将详细介绍使用JavaScript刷新当前页面的几种常见方法,并通过具体的示例帮助读者更好地理解和掌握这些技巧。 #### 二、JavaScript 刷新页面的方法 ##### 1. `reload` 方法 - **定义**: `reload` 方法用于强制...
在JavaScript中,刷新当前页面是常见的操作,尤其在动态交互的网页中,有时需要更新页面内容以反映最新的数据。本文将详细介绍几种常见的JS刷新页面的方法,并探讨它们的使用场景和特性。 1. `location.reload()`:...
2. `location.reload()`: 强制刷新当前页面,可以选择是否绕过缓存。 3. `location=location`: 这种方式也会重定向页面到当前URL,从而实现刷新的效果。 4. `location.assign(location)`: 类似于`location=location`...
在本文中,我们将探讨如何使用JavaScript(简称js)技术来实现刷新当前页面的同时保留页面参数。通常情况下,当我们在网页上刷新时,页面中的数据和状态会被重置,特别是GET请求的参数会丢失。为了解决这个问题,...
### JS刷新父页面 在JavaScript中,我们经常遇到需要在一个弹出的窗口(子窗口)中执行操作后刷新父窗口的情况。这在很多应用场景中都非常有用,比如表单提交后的页面刷新、数据更新后的页面刷新等。实现这一功能的...
当传递0作为参数时,它相当于刷新当前页面: ```javascript window.history.go(0); ``` 4. `document.execCommand('refresh')` 这个方法在过去被用来模拟刷新,但现在已经被废弃,不应再使用。然而,为了完整起见,...
### JavaScript 刷新父页面知识点详解 #### 一、概述 在网页开发中,有时我们需要从一个弹出的子窗口(通常是由 `window.open` 或 `window.showModalDialog` 方法打开的)来控制父窗口的行为,比如刷新父窗口的...
传统的做法是使用BOM(Browser Object Model)事件中的onbeforeunload事件,该事件会在页面即将卸载前触发,允许开发者进行一些操作,如确认用户是否要离开当前页面。然而,仅仅使用onbeforeunload事件并不能完全...
1. 使用 location.reload() 方法:location.reload() 方法可以用来刷新当前页面。 ```javascript 刷新" onclick="location.reload()"> ``` 2. 使用 window.location 重新加载页面:可以使用 window.location 重新...
### JavaScript刷新页面的方法 在Web开发中,有时候我们需要利用JavaScript来实现页面的自动刷新或跳转功能。本文将详细介绍几种常见的使用JavaScript刷新页面的方法,并解释它们的工作原理。 #### 1. 使用`...
**刷新当前页面:** ```javascript window.location.reload(); ``` 此方法会重新加载当前页面。 **刷新父页面:** ```javascript parent.location.reload(); ``` 如果当前页面位于一个 `iframe` 内,则使用 `...
在Vue.js应用中,当你需要在执行特定操作如删除或添加数据后刷新页面时,通常前端不会自动更新,因为Vue采用的是数据驱动视图的模式,仅当数据变化时才会更新视图。在这种情况下,我们可以采取手动刷新页面的方法。...
1. `window.location.reload()`: 这是最常用的方法,通过调用`window`对象的`reload()`方法,可以强制刷新当前页面。例如: ```javascript window.location.reload(); ``` 可选参数`true`可以使页面从服务器而...
当当前页面位于某个父窗口的子框架内时,使用 `parent.location.reload()` 可以刷新父窗口的内容。这种方法适用于处理嵌套框架的情况。 **基本语法:** ```javascript parent.location.reload(); ``` **示例代码...
这些方法都可以实现刷新当前页面,並且可以根据需要选择合适的方法。 结论 ---------- 在 HTML 框架集页面中,使用 JavaScript 实现刷新页面非常方便。我们可以根据需要选择合适的方法来实现刷新页面,并且可以...
js 无刷新改变页面 URL 是指通过 JavaScript 处理,使页面请求在跳转回来,页面无刷新感觉,增加用户体验。这种技术可以使页面的跳转(前进后退、点击等)不重新请求页面,使页面 URL 与页面展现内容一致,符合人们...