浏览器返回上一页之后强行刷新一次

最新推荐文章于 2023-08-04 10:30:34 发布

wangziqiangai1

最新推荐文章于 2023-08-04 10:30:34 发布

阅读量5.9k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/wangziqiangai/article/details/68488467

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现的页面重载机制。当用户从其他页面返回时，该机制能确保当前页面的状态得到刷新，避免了因浏览器缓存导致的内容不更新问题。此方法简单实用，适用于需要频繁更新内容的Web应用。

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

<!-- 返回页面时 重新加载一次 -->
<script type="text/javascript">
    if(window.name != "bencalie"){
         location.reload();
         window.name = "bencalie";
     }else{
         window.name = "";
      }
</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wangziqiangai1

关注关注

2
点赞
踩
4

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

前端面试-浏览器原理

wanglu458512的博客

09-17

854

一、浏览器 什么是URL 组成部分： protocol：协议，表明浏览器必须使用何种协议 domain：域名，表示正在请求哪个服务器 port：端口 path：网络服务器上资源的路径 parameters/query：提供给网络服务器的额外参数 anchor/fragment：资源本身的另一部分的锚点，锚点表示资源中的一种“书签”，给浏览器显示位于该“加书签”位置的内容的方向 scheme:// user:passwd@ host:port path ?query #fragment scheme 表示协议

前端基础-浏览器缓存/HTTP缓存机制(面试常考)

热门推荐

LYFlied的博客

03-28

2万+

浏览器缓存/HTTP缓存机制(面试常考) HTTP报文 HTTP请求(Request)报文 HTTP响应(Response)报文缓存过程分析缓存规则 1.强制缓存 1.1Expires 1.2 Cache-Control 2. 缓存存储 3.协商缓存 3.1 Last-Modified / If-Modified-Since 3.2 Etag / If-None-Match 四、不同刷新的请求执行过程强制缓存优先于协商缓存进行，若强制缓存(Expires和Cache-Control)生效则直接使用缓存

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

手机浏览器 后退按钮强制刷新页面方法总结

09-01

主要介绍了手机浏览器 后退按钮强制刷新页面方法总结的相关资料,需要的朋友可以参考下

浏览器后退强制刷新页面

weixin_30662539的博客

09-06

449

问题描述业务的支付支持分多次支付，每次支付的金额由购买人自己决定，即用购买人自己输入。点击下一步跳转到收银台，提交方式是post form 表单，跳转到收银台之后，选择相应的支付方式。。今天测试测出了一个bug,确认收货页面展现的支付金额是0.01元，而实际的支付金额为0.03元。 浏览器：Chrome。查找问题拿到业务单号，查询支付记录，查询到了该业务单号在不到1s的时间间隔出...

bacaonian3409的博客

09-05

360

最近遇到一个需求：培训学习的资料页面，用户点了某资料后，会跳转到学习页面，当返回到资料页时，该资料置为“已学习”状态。遇到的问题是，用了浏览器的返回时，资料页不会刷新。方法应该有很多，不过从网上找到了一种，比较方便，写在这里方便自己以后查找将下面js放在学习页面，当返回资料页面时，就可以看到页面更新啦 $(function(){ if (window.history &a...

浏览器后退刷新

cchoop的博客

05-23

1197

问题描述 浏览器自带后退按钮进行返回操作，浏览器返回操作默认读取缓存内容，而我们的需求是重新刷新页面，从服务器重新获取数据。一般使用了ajax进行异步刷新时会碰到这样的问题。各种语境下解决方法 HTML解决方式 js解决方式（ps:可能有延时，因为页面会先解析其他内容） win

window.history.back()、window.history.go()返回上一页强制刷新

月下lk山人的博客

12-17

3637

通过history方法返回上一页时，返回的页面并不会刷新，这就造成了上一页的数据未及时更新，所以有时需要做刷新处理，如下 # 如果检测到页面是从“往返缓存”中读取的，刷新页面 window.addEventListener('pageshow', function(e) { if (e.persisted) { window.location.reload() } }) ...

关于vue2强制刷新,解决页面不会重新渲染的问题

10-16

这个方法不需要任何参数，调用之后，Vue会跳过它的响应式检查，并强制重新渲染当前组件。然而，使用`this.$forceUpdate()`可能会导致性能问题，并且并不是一个优雅的解决方案。通常建议开发者首先尝试更合理的响应式...

this.$router.push不刷新页面

04-03

### 解决方案在 Vue.js 中，`this.$router.push()` 跳转至相同路径的不同参数时，默认情况下不会触发页面的重新渲染。这是因为 Vue 的 `keep-alive` 缓存机制...只有在特殊场合才去修改全局配置或是强行刷新页面。

在浏览器无法快进的视频强制快进，视频结束后显示信息播放异常，请勿倍速播放，err:2!，页面刷新后视频进度从99开始重新结束，在提示err:2!,过了视频长度的时间后才显示视频结束，这个怎么解决

最新发布

07-05

我们正在解决浏览器中视频播放时无法快进、强制快进报错（如err:2）、禁止倍速播放以及刷新后进度停留在99%的问题。根据之前的讨论，这些问题可能与播放器状态、视频关键帧、后端流传输支持有关。但用户现在提供的...

JS实现返回上一页并刷新页面的方法分析

10-16

主要介绍了JS实现返回上一页并刷新页面的方法,结合实例形式分析了javascript针对移动端、PC端浏览器的页面缓存刷新相关操作技巧,需要的朋友可以参考下

javascript 浏览器返回按钮事件

12-16

2017-12-16 javascript 浏览器返回按钮事件可弹出文本框，跳转链接（兼容没有测试）

关于解决Edge浏览器无限重复刷新的解决方法

yfiguoh的博客

03-24

1万+

如果你也遇到了Edge浏览器无线重复刷新页面的问题，可以来参考一下我的做法。

浏览器自带返回与自带返回强制刷新和锚点功能

weixin_30414635的博客

10-24

279

一般来说 a页面点击跳转到b页面，b页面点击浏览器的返回，回到刚才a页面到点击位置是一般浏览器都会这样做的但是如果你在返回时不得不给浏览器刷新那么他返回就没法回到之前点击的位置了那么我们就需要用到锚点功能了，但是很可耻的是我们没法获取到浏览器自带的返回事件那怎么办啊？问了群了的大牛们他们给了个思路分为几种情况1，浏览器不清除缓存的话，你返回的页面，会自动跳回之前你点击的地...

浏览器回退到上一页，刷新历史页面，清除缓存的方法

十年砍柴的博客

11-10

4603

在一些场景中，我们点击浏览器默认的返回上一页按钮，需要刷新页面重新加载数据，比如用户在购物车页面去购买后，当用户在购买后通过返回键回到购物车页面时，我们需要去掉已经购买的商品，只显示剩余未购买的商品在购物车里。或者是一个表单信息填写页，产品说填写保存成功后跳到一个新页面，并且不允许用户修改，那么当用户通过浏览器“后退”按钮返回历史页面时，一般浏览器都会直接读取缓存里的数据，哪怕是设置了页面不缓存，如下： <meta http-equiv="Pragma" content="no-cache"&gt

vue h5控制浏览器返回

qq_37309987的博客

08-04

1932

1、使用vue-router的路由钩子函数beforeRouteLeave可以监听到路由的变化，当前显示的页面是未返回前的页面，但是浏览器地址栏中的路由是前一个页面的路由。移动端通过监听浏览器返回操作来处理一些业务逻辑。具体业务场景如下：移动端对于信息录入的页面，当用户返回上一个页面时，弹框提醒用户是否暂存当前录入的数据。为解决以上问题，尝试js监听浏览器变化，通过改变浏览器页面历史栈的数据，来实现禁止浏览器返回，从而解决问题。以上是发现问题及想到的解决方案。

移动端H5页面返回并且刷新页面（BFcache）

weixin_30877181的博客

11-05

2409

项目中的需求：点击浏览器中的返回按钮，要让页面重新加载资源。因为这部分的资源每次去加载的内容都不一样，如果返回的时候，还是看到原先的内容，那做这个内容块的意义就很小了；而如果用户看完了这部分内容，再返回来的时候，这个地方换成了新的内容，这样就能体现这部分的价值了。而对于浏览器来说，大部分浏览器的返回是直接使用缓存的，不会执行任何的javascript代码。原因：部分浏览器在后退时不会触发onl...

浏览器返回的几种理解

weixin_30724853的博客

05-19

216

js返回上一页并刷新的几种方法： <a href="javascript:history.go(-1)">返回上一页</a> <a href="javascript:location.reload()">刷新当前页面</a> <a href="javascript:" onclick="history.go(-2); ">返...

浏览器 返回上一页之后强行刷新一次

浏览器返回上一页之后强行刷新一次