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>
- 浏览: 169935 次
- 性别:
- 来自: 天津
文章分类
最新评论
发表评论
-
ajax下载文档 ClientAbortException: java.net.SocketException: Connection reset by pee
2013-08-28 13:58 2294众所周知ajax是使用了浏览器内部的XmlHttpRequ ... -
在js里引用另一个js文件
2013-08-28 10:58 822new_element=document.createE ... -
<转> js替换字符正则表达式
2013-08-16 14:28 805function replace() { var str ... -
<转> JQuery选择器
2013-08-16 10:24 855<html> <head> &l ... -
jQuery获取Select选择的Text和 Value(转)
2013-08-13 09:47 580jQuery获取Select选择的Text和Valu ... -
<转>javascript获取地址栏参数
2013-08-12 10:03 702function GetQueryString(name){v ... -
iframe子页面内刷新同页面中另一个iframe
2013-08-09 15:25 10555框架页面如下: <div id="a ... -
jquery动态修改链接的onclick方法
2013-08-07 11:29 2326用jquery动态修改链接的onclick方法的传递参数,在 ... -
<转>iframe去掉横向滚动条
2012-05-15 14:45 1239如题,就是在网页中, ... -
ie onmouseup和onclick事件执行顺序
2012-05-14 17:21 1158今天项目要做个类似网 ... -
iframe同步刷新时好时坏问题
2012-04-19 17:04 1235页面由左右两个iframe组成,要求右面内容更新时(内容跟左面 ... -
js浮动效果
2012-02-14 17:29 1014项目中某页面需要固定某个div内容,实际需求是这样的,有个评分 ... -
js判断页面关闭 仅支持IE6
2012-02-08 16:38 1654关闭页面时同时执行onbeforeunload和onunloa ... -
onpropertychange与输入法有关
2012-02-03 14:56 1196页面输入框经常有只允许输入数字的限制,一般都用onproper ... -
<转>name和function名字不能相同
2012-01-05 16:40 0今天突然碰到form表单的名字与js方法的名字相同导致找不到j ... -
onmousedown、onmouseup和onclick的奇怪问题
2011-07-08 10:04 2249将setTimeout的时间设置为0,告诉浏览器当它为当前任何 ... -
超链接<a>中属性href与target相冲突的地方
2011-03-25 11:47 1920今天在项目中写了两行代码,出现不同的效果: ①<a h ... -
<转>键盘回车事件导致页面刷新的问题
2011-03-24 11:18 873我最近在做一个 Ajax 查询的功能,代码如下: ... -
使用prototype的有用小方法
2010-09-13 15:33 937今天刚刚接触js中对象 ... -
JS 字符串连接性能
2010-09-12 17:18 2164在W3SCHOOL中有讨论js字符串连接方法性能对比的篇章如下 ...
相关推荐
### JavaScript 刷新当前页面的方法与原理 在Web开发过程中,页面刷新是一个常见需求。通过JavaScript进行页面刷新不仅可以增强用户体验,还能解决一些特定场景下的问题。本文将详细介绍几种常见的JavaScript页面...
本文将详细介绍使用JavaScript刷新当前页面的几种常见方法,并通过具体的示例帮助读者更好地理解和掌握这些技巧。 #### 二、JavaScript 刷新页面的方法 ##### 1. `reload` 方法 - **定义**: `reload` 方法用于强制...
2. `location.reload()`: 强制刷新当前页面,可以选择是否绕过缓存。 3. `location=location`: 这种方式也会重定向页面到当前URL,从而实现刷新的效果。 4. `location.assign(location)`: 类似于`location=location`...
在本文中,我们将探讨如何使用JavaScript(简称js)技术来实现刷新当前页面的同时保留页面参数。通常情况下,当我们在网页上刷新时,页面中的数据和状态会被重置,特别是GET请求的参数会丢失。为了解决这个问题,...
用js刷新当前页面的几种方法,包括reload方法、replace方法、自动刷新方法 如何实现刷新当前页面呢?借助js你将无所不能。 1,reload 方法,该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) ...
### JS刷新父页面 在JavaScript中,我们经常遇到需要在一个弹出的窗口(子窗口)中执行操作后刷新父窗口的情况。这在很多应用场景中都非常有用,比如表单提交后的页面刷新、数据更新后的页面刷新等。实现这一功能的...
在JavaScript中,刷新当前页面是常见的操作,尤其在动态交互的网页中,有时需要更新页面内容以反映最新的数据。本文将详细介绍几种常见的JS刷新页面的方法,并探讨它们的使用场景和特性。 1. `location.reload()`:...
当传递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采用的是数据驱动视图的模式,仅当数据变化时才会更新视图。在这种情况下,我们可以采取手动刷新页面的方法。...
当当前页面位于某个父窗口的子框架内时,使用 `parent.location.reload()` 可以刷新父窗口的内容。这种方法适用于处理嵌套框架的情况。 **基本语法:** ```javascript parent.location.reload(); ``` **示例代码...
1. `window.location.reload()`: 这是最常用的方法,通过调用`window`对象的`reload()`方法,可以强制刷新当前页面。例如: ```javascript window.location.reload(); ``` 可选参数`true`可以使页面从服务器而...
js 无刷新改变页面 URL 是指通过 JavaScript 处理,使页面请求在跳转回来,页面无刷新感觉,增加用户体验。这种技术可以使页面的跳转(前进后退、点击等)不重新请求页面,使页面 URL 与页面展现内容一致,符合人们...
这些方法都可以实现刷新当前页面,並且可以根据需要选择合适的方法。 结论 ---------- 在 HTML 框架集页面中,使用 JavaScript 实现刷新页面非常方便。我们可以根据需要选择合适的方法来实现刷新页面,并且可以...
在Ext JS中,页面的自动刷新功能通常涉及到数据网格(Grid)的实时更新,这在处理动态数据流或者需要实时显示新数据的场景中非常常见。本教程集合将深入探讨如何在Ext JS中实现页面,特别是数据网格的自动刷新。 一...