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

最新推荐文章于 2023-03-24 12:04:07 发布
原创 最新推荐文章于 2023-03-24 12:04:07 发布 · 5.9k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

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

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

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



前端面试-浏览器原理
wanglu458512的博客
09-17 855
一、浏览器 什么是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)生效则直接使用缓存
手机浏览器 后退按钮强制刷新页面方法总结
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端浏览器的页面缓存刷新相关操作技巧,需要的朋友可以参考下
关于解决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
浏览器返回按钮不会刷新页面解决方案---使用情景:点击浏览器左上角的后退按钮,页面需要刷新的情况
放码过来...的博客
10-30 5288
浏览器返回按钮不会刷新页面解决方案---使用情景:点击浏览器左上角的后退按钮,页面需要刷新的情况
JS控制，返回上一页之后强行刷新一次
望月思灵
06-14 8235
网站建设过程中，提交页面后我们经常要用到window.history.go(-1)返回上一页，因为页面的缓存功能，我们只能返回上次操作的页面，但在删除等操作中，我们希望实时看到删除项目后的页面，这就要用到同时刷新技术，下面我们总结总结一下常用的几种window.history.go(-1)返回页面后实时刷新技术。返回上一页代码:返回上一页  1.强制载入后刷新一次我们可以仿照C++中解决头文件重复
js实现用户点击浏览器后退时刷新页面问题
乔永刚的博客
03-22 1万+
这个问题一直困扰我很久,有些情况下使用ajax也是无法解决的, 我看网上很多后退也可以实时载入数据, 比如手机端,,消息未读 但是读了之后再返回如果不刷新还是显示未读,体验就不好,我特别好奇那些高手是怎么做的, 但是今天我百度到了一个方法 真不错. onload=function(){ var e=document.getElementById("refreshed"); if(e.v
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值