`
zjx2388
  • 浏览: 1329021 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

js刷新页面--2【转】

 
阅读更多

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刷新当前页面的几种常见方法,并通过具体的示例帮助读者更好地理解和掌握这些技巧。 #### 二、JavaScript 刷新页面的方法 ##### 1. `reload` 方法 - **定义**: `reload` 方法用于强制...

    javascript经典特效---禁止刷新页面.rar

    在JavaScript编程中,有时我们可能需要实现特定的功能,比如防止用户意外或恶意地刷新页面,以确保数据的一致性和用户体验。这个"javascript经典特效---禁止刷新页面.rar"压缩包文件包含了一个示例,展示了如何使用...

    js刷新当前页面

    这种方法可以通过直接修改 `document.URL` 来刷新页面,但其实现方式与 `location.reload()` 等方法相似,并没有本质区别。 ```javascript // 重新加载页面 document.URL = location.href; ``` #### 7. 页面自动...

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

    HTML 框架集 JS 刷新页面方法大全是指在 HTML 框架集页面中使用 JavaScript 实现刷新页面的各种方法的总结。本文将详细介绍如何在 HTML 框架集页面中使用 JavaScript 实现刷新页面,并且提供了七种不同的刷新方法和...

    JS刷新父页面 父窗口

    `也可以达到刷新页面的效果,但这种方法适用于当前窗口而不是父窗口。 - 使用`window.location.replace()`方法可以替换当前历史记录中的URL,从而实现刷新效果。 综上所述,通过上述方法可以在子窗口中轻松地刷新...

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

    ### jQuery 刷新页面与 JavaScript 常用函数详解 #### 一、jQuery 刷新页面方法 在实际开发中,有时我们需要通过脚本来控制页面的刷新。对于这种情况,jQuery 提供了简便的方式来完成这一操作。 **刷新当前页面:...

    5种uni-app 页面下拉刷新方法-源码示例.zip

    在uni-app中,页面的下拉刷新功能是用户界面交互中常见且重要的一个部分,它通常用于加载更多数据或更新内容。本资料"5种uni-app 页面下拉刷新方法-源码示例.zip"提供了五种不同的实现方式,让我们详细探讨这些方法...

    js页面刷新大全

    在网页开发中,页面刷新是必不可少的一部分,JS 语言提供了多种方式来实现页面刷新。本文将对 JS 页面刷新的方法进行分类和总结,涵盖自动刷新和手动刷新两种方式,并对当前页面和父页面的刷新进行详细讲解。 一、...

    js刷新页面方法大全

    在JavaScript中,刷新页面是常见的操作,用于更新用户界面或者重新加载数据。本文将全面探讨JavaScript中的各种刷新页面的方法,并提供实践示例。 1. `location.reload()` 这是最常用的刷新页面的方法,它来自`...

    js刷新页面 方法大全

    本文将详细介绍几种使用JavaScript刷新页面的方法,并结合一个具体的示例来解释它们的用法。 1. `window.location.reload()`: 这是最常用的方法,通过调用`window`对象的`reload()`方法,可以强制刷新当前页面。...

    javascript经典特效---刷新等待.rar

    这种技术对于优化用户体验,特别是在执行耗时操作或数据加载时,能够避免用户因误操作而反复刷新页面。 在"刷新等待.htm"这个文件中,我们可能看到的是一段利用JavaScript实现的代码,用于在页面刷新过程中显示等待...

    JS 禁用 退格-刷新-禁用地址栏-菜单栏-右键-窗口最大化

    但请注意,完全禁止用户刷新页面可能会导致不良用户体验,因为这是用户导航的基本方式。通常,你会在数据保存或确认操作时使用此方法。 ```javascript window.onbeforeunload = function() { return "数据正在处理...

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

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

    下拉刷新----上拉加载.zip

    在H5页面中实现下拉刷新和上拉加载,开发者通常会用到JavaScript库或框架,如jQuery、Vue.js、React.js等。这些库提供了丰富的API和插件来简化实现过程。例如,用jQuery,可以使用`$.ajax`方法发送异步请求,结合CSS...

    js相关相关-禁止刷新

    根据给定的信息,本文将详细解释JavaScript中与“禁止刷新”相关的知识点,包括但不限于如何获取当前页面URL、如何阻止浏览器的某些默认行为(如通过快捷键刷新页面等),以及如何利用`History`对象来控制浏览器的...

    javascript经典特效---直接链接刷新页面.rar

    在网页中,JavaScript可以实现许多实用的功能,其中包括我们今天要讨论的主题——直接链接刷新页面。 首先,理解“直接链接刷新页面”的概念。这通常涉及到用户点击一个链接后,不仅跳转到新的页面,而且新页面加载...

    如何用js在safari下判断网页是刷新还是关闭 - 已回答 - 天涯问答

    如何用js在safari下判断网页是刷新还是关闭 - 已回答 - 天涯问答.mht如何用js在safari下判断网页是刷新还是关闭 - 已回答 - 天涯问答.mht

    Javascript刷新页面的几种方法

    Javascript刷新页面的几种方法 很实用的

    js短信验证码倒计时(页面刷新无效)

    2. **页面刷新后的状态恢复**:为了保持页面刷新后的倒计时状态,我们可以利用浏览器的`localStorage`或`sessionStorage`来保存倒计时状态。在发送验证码请求成功时,将倒计时的开始时间存入存储: ```javascript ...

    JS刷新页面

    本文将详细介绍几种常见的使用JavaScript刷新页面的方法,并对每种方法进行详细解释。 #### 二、知识点详解 ##### 1. 使用`&lt;meta&gt;`标签刷新页面 **语法**: ```html &lt;meta http-equiv="refresh" content="时间秒...

Global site tag (gtag.js) - Google Analytics