`
jiangyang1986
  • 浏览: 76465 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

当前页面刷新问题

    博客分类:
  • js
 
阅读更多

最近做了一个功能,添加时当前TAB页面刷新了,但是主页面没有刷新,怎样能让当前页面刷新呢,

有几个JS如下:

 

在实际应用的时候,重新刷新页面的时候,我们通常使用: 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 

 

 

reload 方法,该方法强迫浏览器刷新当前页面。
语法:location.reload([bForceGet])                                                                                                                         

参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")

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

 

分享到:
评论

相关推荐

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

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

    js实现刷新当前页面

    - **定义**: 将当前页面 URL 赋值给 `location` 对象,实现页面刷新。 - **示例代码**: ```javascript location = location; ``` - **`location.assign(location)`** - **定义**: 使用 `assign` 方法进行页面...

    js刷新当前页面

    通过JavaScript进行页面刷新不仅可以增强用户体验,还能解决一些特定场景下的问题。本文将详细介绍几种常见的JavaScript页面刷新方法及其工作原理。 #### 1. 使用 `location.reload()` `location.reload()` 是最...

    MUI之父页面刷新

    6. **性能优化**:在处理父页面刷新时,开发者需要考虑性能问题,避免不必要的计算和渲染。例如,可以使用异步加载策略,只在需要时加载子页面,或者使用虚拟DOM技术减少页面重绘。 7. **错误处理**:在刷新过程中...

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

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

    同一父页面的一个子页面刷新另一个子页面

    "同一父页面的一个子页面刷新另一个子页面"这个话题聚焦于如何在不重新加载整个父页面的情况下,仅刷新其中一个`iframe`内的子页面。这种技术在提升用户体验、节省网络资源等方面具有显著优势,尤其是在需要动态更新...

    Hbuilder MUI 页面刷新及页面传值问题

    #### 一、页面刷新问题 在HBuilder MUI框架中,实现页面之间的数据刷新是常见需求之一。以下将详细介绍如何通过MUI提供的API来完成这一功能。 ##### 1. 父页面A跳转到子页面B,B页面修改数据后再跳回A页面,刷新A...

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

    产品经理可能会提出更细致的需求,例如在页面关闭时和页面刷新时提供不同的提示信息,或者在页面刷新时需要有延时操作,比如在客服系统中,为了避免电话系统频繁签入签出导致的问题,可能会设置一个延时再让用户重新...

    jquery弹出层不关闭 父页面刷新

    在IT领域,尤其是在Web开发中,"jquery弹出层不关闭 父页面刷新"是一个常见的交互需求。这里,我们主要讨论如何使用jQuery实现这样的功能,即在一个弹出层(通常是一个模态对话框)显示时,用户可以操作父页面而不会...

    页面刷新 定时刷新 设置刷新

    在网页开发中,正确使用页面刷新和定时刷新功能能提升用户体验,但也需要注意过度刷新可能导致的问题,如消耗过多的网络资源、打断用户的浏览流程等。因此,合理设置刷新间隔和使用场景至关重要。 至于“是否刷新”...

    弹出层关闭父页面刷新

    在Web开发中,弹出层通常是指通过JavaScript或者jQuery等库创建的浮动窗口,它们不会新开浏览器窗口,而是覆盖在当前页面上,提供额外的操作界面。弹出层可以通过CSS实现,也可以使用Bootstrap、jQuery UI等框架。 ...

    js基础js页面刷新问题

    总结来说,理解`window`对象、`frames`集合以及`location.reload()`方法是解决JS页面刷新问题的关键。在多框架环境中,正确地定位和操作目标框架是实现特定页面刷新功能的基础。通过实践和实验,开发者可以更好地...

    ASP.net中页面刷新

    在ASP.NET中,页面刷新是常见的操作,用于更新用户界面或者执行特定的逻辑。以下是几种实现页面刷新的方法: 1. **使用Response.Redirect()** 这是最常见的页面重定向方式,通常在按钮点击事件中使用。例如: ```...

    刷新aspx页面的六种方法 .doc

    在下面的代码中,我们使用Button1_Click事件来调用Response.Redirect()方法,重定向到当前页面。 ```csharp private void Button1_Click(object sender, System.EventArgs e) { Response.Redirect(Request.Url....

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

    总的来说,通过`provide / inject`组合,我们可以创建一个全局的刷新方法,有效地在Vue应用中处理数据更新后的页面刷新问题,确保用户界面始终与后端数据保持同步。这种方法不仅避免了不必要的浏览器刷新,也保持了...

    js页面刷新大全

    本文将对 JS 页面刷新的方法进行分类和总结,涵盖自动刷新和手动刷新两种方式,并对当前页面和父页面的刷新进行详细讲解。 一、自动刷新 自动刷新是指在不需要用户干预的情况下,页面自动刷新的方式。常见的自动...

    open 关闭子页面刷新父页面

    根据给定的代码片段和描述,“open关闭子页面刷新父页面”这一主题涉及到的关键知识点主要包括:使用JavaScript打开新窗口、父窗口与子窗口之间的通信,以及通过特定事件触发父窗口的刷新。 ### 使用JavaScript打开...

    JS刷新父页面 父窗口

    这在很多应用场景中都非常有用,比如表单提交后的页面刷新、数据更新后的页面刷新等。实现这一功能的关键是能够访问到父窗口对象,并调用其`location.reload()`方法。 #### 代码解析 首先来看一下提供的代码片段:...

    页面刷新方法汇总(转载)

    例如,`location.reload()`函数可以用来刷新当前页面。如果加上参数`true`,则表示强制从服务器获取新内容,类似于Ctrl+F5。 2. **服务器端刷新**: - **AJAX轮询**:这是一种模拟实时更新的技术,客户端周期性地...

    .net页面刷新方法

    在ASP.NET开发中,页面刷新是常见的需求,它允许用户或者程序更新当前页面内容,或者跳转至相同或不同的页面。本文将详细讲解几种在ASP.NET中实现页面刷新的方法。 1. **Response.Redirect()**: 这是最常用的方法...

Global site tag (gtag.js) - Google Analytics