返回后，重新刷新页面

最新推荐文章于 2023-05-17 16:04:29 发布

zzyonepiece

最新推荐文章于 2023-05-17 16:04:29 发布

阅读量2.2k

点赞数

分类专栏： javascript

javascript 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现网页强制刷新及返回上一页的方法。通过设置窗口名称并利用location.reload()来达到页面刷新的目的，同时通过window.history.go(-1)实现了返回前一页面的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

强刷的方法

 if (window.name != "tempname") {
            location.reload();
            window.name = "tempname";
        }
        else {
            window.name = "";
        }

返回的方法

 window.history.go(-1);

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zzyonepiece

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

如何实现返回上一页并自动刷新

sulliy的专栏

03-20

2万+

Java编写WEB程序时，页面应该只是表示的部分，不应该含有任何Java脚本代码。我们经常会碰到返回上一页，但是需要刷新页面上与状态相关的信息，从而避免重复操作，错误信息的弊端。先说两种方法：1. 设置页面为不缓存，访问上一次页面就需要重新去服务器获取。（我没有试过）。HTMLJAVAif (request.getProtocol().compareTo("HTTP/1.0") == 0){ response.setHeader("Pragma","no-cache"); }else if (requ

ios 销毁当前页面重新开启_ios开发之从某个页面返回后刷新当前页面

weixin_39534149的博客

12-20

633

开发中总是有从一个界面返回后刷新当前页面的需求，为了减少耦合性，尽量不在当前页面加代码，在返回的界面添加以下方法：- (void)navigationController:(UINavigationController*)navigationController willShowViewController:(UIViewController*)viewController animated:(B...

参与评论您还未登录，请先登录后发表或查看评论

返回上一页面并刷新

11-03

在管理系统开发中，经常遇到列表页面－跳转到某一记录的业务操作详细页面，操作完成之后需要回返列表页面需要刷新，使用window.history.back(); window.history.go(-1); 只能是回返目的，而未能刷新；使用self.location=document.referrer，如果原页面是post提交的多条件查询，也就显然无效。写一个js基本解决这个问题了，欢迎大家指正。有需要同学也可以参考一下。

页面返回并刷新页面

weixin_37728231的博客

03-17

1437

window.history.back();//返回，页面不刷新； window.location.reload();//重新加载页面； window.location.refresh();//刷新当前页面； window.location.href = document.referrer; //返回上一页并回退 document.referrer;可以取到上一个页面的具体路径， ...

返回上一页并刷新

夏至的博客

02-26

656

客户需求：在做注入修改之类的操作时，保存成功后，会到列表页时，会直接跳转到默认查询页面，而无法保留上一次的查询条件。洗完修改保存后，能够直接会到上次的查询页。解决方案：一开始偷懒，直接保存成功后，使用history.go(-1) 返回上一页。但是这样的话，就无法刷新上一个页面，将修改的结果体现在列表页中。后面采用了一个优化的方案，答题的思路是，将查询页面的查询条件塞到session中，...

uniapp、vue返回上一个页面并刷新（调用上一个页面的方法）

qq_35946021的博客

05-17

3427

在当前页面（A页面）查看列表，在A页面点击发布跳转到表单页（B页面）。B页面提交成功返回上一页A，要判断如果发布成功，返回到A页面得拿到最新数据（相当于要监听返回到A页面时得刷新数据了）使用onshow的生命周期，但是这个有个缺点，就是因为A页面是有下拉刷新的功能，如果在onshow调用的话，当用户下拉，onshow里的方法会被调用1次。使用getCurrentPages方法拿到上一页的内容。当在B页面返回时调用A页面的getlist()方法。B页面编辑成功后调用上一个页面方法。

移动端H5页面返回并刷新页面（BFcache）的方法

10-17

移动端H5页面返回并刷新页面（BFcache）的方法涉及了前端开发者在设计网页时经常需要面对的问题，那就是如何处理用户在移动端浏览器中使用“后退”按钮时页面的加载行为。在HTML5中，浏览器为了提高页面加载的速度，...

angular+ionic返回上一页并刷新页面

08-29

Angular+Ionic返回上一页并刷新页面 Angular和Ionic是当前流行的前端框架，它们都提供了丰富的功能和插件来帮助开发者快速构建应用程序。然而，在实际开发过程中，开发者经常会遇到一些棘手的问题，例如如何返回上...

mui back 返回刷新页面的实例

08-28

mui back 返回刷新页面的实例在移动应用开发中，mui 是一个流行的前端框架，提供了许多实用的功能和组件。在本文中，我们将探讨如何使用 mui 实现返回刷新页面的功能。 1. mui.back() 函数 mui.back() 函数是一...

javaweb用户注销后点击浏览器返回刷新页面重复登录问题的解决方法

09-01

在Java Web开发中，用户登录和注销功能是核心部分，而用户注销后点击浏览器的返回按钮，导致页面刷新并重新登录的问题是一个常见的困扰。这个问题的出现主要是由于浏览器缓存了用户登录时的表单信息，当用户注销后，...

邱与他的bug——Android中点击返回键重新刷新的问题

受折磨的邱丘丘

12-30

2170

问题在进入手机“运存与存储空间”的时候，第一次进去会刷新4秒，显示正在加载，在进入后查看某一具体类型的（视频、音乐、图片）占用内存情况，进入查看后，再次点击返回键的时候，会重新加载，显示正在加载并持续4秒。分析其实这样的刷新是有必要的，若是在进入图片后，删除某些图片，这时候点击返回键，只有重新加载数据才能显示删除图片后的内存占用情况，若是不刷新，显示的则是第一次进入后的页面。涉及知识 Activity Android中Activity的生命周期 Activity的各个阶段 fragment fra

解决浏览器返回页面刷新问题

qq_45490619的博客

04-18

2867

1.常见场景倒计时、弹框等场景。 2.涉及到的知识点 sessionStorage：1）遵循同源策略；2）用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据 onpageshow：在用户访问页面时触发 onpagehide：在用户离开当前网页跳转到另外一个页面时触发 reload：重新加载当前文档要考虑部分浏览器不支持sessionStorage、onpagesh...

在javascript中重新加载/刷新页面的不同方法

南北极之间

07-05

5525

我们将看到一些可以与HTML和/或javascript一起使用的方法。我们可以使用浏览器历史记录方法刷新当前页面。设置元标记我们还可以设置元标记http-equiv，它将以给定的时间间隔自动刷新页面。这将在指定的秒数后重新加载页面。此处等于 1 秒。我们还可以使用方法重新加载或刷新当前页面。方法采用一个参数来确定应如何重新加载页面。正在不推荐使用传递 true/false 参数，您可以只调用该方法，而无需任何参数进行重新加载，否则使用其他方法。方法返回/加载当前 url。因此，我们可

返回上一个页面并且刷新页面

weixin_zsh的博客

08-28

2649

返回上一个页面并且刷新上一个页面： self.location=document.referrer; 或者是： window.location.href=document.referrer; document.referrer就是指上一个页面

Taro框架小程序返回上一页，监听事件

jagger_guo的博客

02-27

1万+

需求：做项目中，当前页点击新增一个用户的功能，增加成功后返回原来的页面刷新数据。涉及到页面跳转和监听。使用taro在下一页，使用返回上一页： // 返回列表页面 Taro.navigateBack({ delta: 1 // 返回上一级页面。 }); } 在上一页的componentDidShow中监听，执行刷新： componentDi...

vue项目刷新当前页面的三种方法

最新发布

04-26

### 微信小程序 `wx.navigateBack` 返回后页面刷新的解决方案在微信小程序开发中，如果希望在使用 `wx.navigateBack` 方法返回上一页时能够刷新页面或者更新数据，可以通过多种方式来实现。以下是几种常见的解决方案： #### 方案一：通过 `onShow` 生命周期函数刷新数据微信小程序提供了多个生命周期函数，其中 `onShow` 是每次页面显示时都会被调用的方法。因此可以在该方法中重新加载或更新所需的数据。 ```javascript Page({ data: { listData: [] }, onShow() { this.fetchData(); }, fetchData() { // 假设这里是从服务器获取最新数据 const newData = []; // 实际应替换为真实的接口请求逻辑 this.setData({ listData: newData }); } }); ``` 这种方法利用了 `onShow` 的特性[^2]，无论何时进入页面（无论是首次访问还是从其他页面返回），都可以确保数据是最新的。 --- #### 方案二：通过 `getCurrentPages()` 更新上一页数据另一种常见的方式是借助 `getCurrentPages()` 获取当前页面栈中的所有页面实例，并直接修改目标页面的数据。假设 A 页面跳转到 B 页面，在 B 页面完成某些操作后再返回 A 页面并传递新数据： ```javascript // 在 B 页面完成后执行以下代码 let pages = getCurrentPages(); let prevPage = pages[pages.length - 2]; // 获取上一个页面实例 (即 A 页面) prevPage.setData({ updatedData: 'new value' // 设置需要更新的数据字段 }); wx.navigateBack({ delta: 1 }); // 返回上一页 ``` 这种方式可以直接影响上一页的状态，而无需依赖额外的通信机制[^3]。需要注意的是，虽然此方法简单有效，但在复杂场景下可能会遇到权限或其他问题，需谨慎处理[^4]。 --- #### 方案三：通过事件监听器 (`uni.emit` / `uni.on`) 实现跨页面通讯对于更复杂的业务逻辑，推荐使用基于事件驱动的方式来通知上一页进行相应的操作。例如，可以采用 Uni-app 提供的全局事件管理工具 `uni.emit` 和 `uni.on` 来实现这一目的。具体步骤如下： 1. **注册监听器**：在 A 页面初始化时订阅特定事件； 2. **触发事件**：在 B 页面完成任务后发送消息至 A 页面； 3. **清理资源**：离开 A 页面前取消订阅以防止内存泄漏。示例代码如下所示： ```javascript // A 页面 export default { mounted() { uni.$on('refreshList', () => { // 注册名为 refreshList 的事件处理器 this.refreshData(); }); }, beforeDestroy() { uni.$off('refreshList'); // 移除事件绑定以防重复触发 }, methods: { refreshData() { console.log("正在刷新..."); // 执行具体的刷新动作... } } }; // B 页面 function notifyPreviousPage() { uni.$emit('refreshList'); // 向外广播 refreshList 事件 } notifyPreviousPage(); wx.navigateBack({ delta: 1 }); ``` 这种设计模式特别适合于组件化程度较高的项目结构[^5]。 --- #### 性能优化建议为了提升用户体验以及减少不必要的性能开销，请注意以下几点： - 如果仅部分区域需要动态变化，则考虑局部重绘而非整体刷新整个页面。 - 对频繁变动的内容可引入缓存策略降低网络延迟带来的影响。 - 避免滥用全局变量存储临时状态信息以免造成混乱。 --- ###