location.reload入参forcedReload清除缓存的问题

最新推荐文章于 2023-03-25 14:10:38 发布
最新推荐文章于 2023-03-25 14:10:38 发布
阅读量3.3k 收藏
点赞数
分类专栏： 一分钟学习一个前端小知识 开发工作中的小问题 文章标签： 缓存 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43877799/article/details/124727825
版权

目录

问题

location.reload 刷新页面之后，如果请求 html 来自服务器，请求可能会从缓存获取，如果服务器的 html 有更改则无法取得最新的 html。

于是尝试 location.reload(forcedReload) 解决。

当 forcedReload 类型为 boolean，设置为 true 时将会重新从服务端读取，达到清除缓存的效果。

但是该方法在不同浏览器中存在兼容问题，在 IE 与 Chrome 中失效。

结论

location.reload(forcedReload)并不实用，建议不使用。

想要实际解决缓存问题可能仍需要在服务端设请求头。

在下月亮有何贵干
关注
专栏目录
js刷新页面location.reload()用法详解
10-15
`location.reload()`函数没有参数的情况下，默认行为是按照浏览器的缓存策略来刷新页面。这意味着如果页面的内容是从缓存中获取的，那么刷新可能会非常快，因为浏览器可能直接使用了缓存版本。基本用法如下： ```...
loaction.reload()方法，页面缓存问题
wing123123的博客
07-24 637
loaction.reload(false)和location.reload(true)参数设置为 false，先判断页面有没修改，有的话就从服务器下载页面，没有就直接从缓存里拿（这个会提升响应性能）参数设置为 true，那么无论文档的最后修改日期是什么，它都会绕过缓存，直接从服务器上重新下载该文档...
javascript:location.reload()和location.replace()的区别，及对图片缓存的影响。
weixin_30293135的博客
06-17 319
有段时间没有清理IE的临时文件（缓存文件），在我清理的时候，我突然发现一个问题。 我打开的一个网站，图片默认缓存一个月的，但我发现，当我上传图片或删除图片之后，图片重新缓存，也就意味着，在我上传新图片或删除图片的时候，页面上所有原来的图片都重新载入，重新缓存了。 从这一点上看，图片本身的缓存一点意义都没有了。 我查看了网页的javascript代码，发现在上传或删除的之后，调用的是 loca...
js中的location.reload()
jaryle的专栏
10-22 1653
location.reload()意思是从服务器端重新载入页面 ; 从服务器端重新载入 就是 无视是否有缓存，重新下载页面内容，并更新缓存 location.false(true)意思是从缓存中重新载入。（浏览器在浏览网页时会把当前页面保存到本地机器上的某个目录里，这个就是缓存了， 从缓存中重新载入 就是 直接使用缓存刷新显示）
Location.reload() 刷新
忘川
11-04 9413
Location.reload(forcedReload) 方法用来刷新当前页面。 forcedReload该参数要求为布尔类型， 1、当取值为 true时，将强制浏览器从服务器重新获取当前页面资源，而不是从浏览器的缓存中读取， 2、当取值为 false 或不传该参数时，浏览器则可能会从缓存中读取当前页面。 Location.reload() 文档 ...
前端路由改变location.hash时清除history
_
02-26 3048
通过使用以下方法来给window.location.hash 赋值时 window.location.hash = 'a' 会在 window.history 新增一条历史记录，如果想清除掉这条记录，可以使用 let currentHash = window.location.hash; let newHref = window.location.href.toString().replace(currentHash, '')+"#"+"b"; window.location.replace.
js location.replace与location.reload的区别
12-12
location.reload相当于我们按F5,页面在服务器端已经存在,isPostBack页面不会从服务器端重新生成，然后返回客户端 会在浏览器的历史浏览记录中增加一条记录 location.replace 页面会从服务器端重新创建,not ...
js 页面刷新location.reload和location.replace的区别小结
10-29
标题中提到的“js页面刷新location.reload和location.replace的区别小结”，涉及的是JavaScript中页面刷新操作的两种不同方法：location.reload和location.replace。这两种方法都可以实现页面的刷新功能，但具体的...
js 页面刷新location.reload和location.replace的区别小结.docx
01-19
语法：location.reload([bForceGet])，其中 bForceGet 是可选参数，默认为 false，从客户端缓存中取当前页；true，则以 GET 方式，从服务端取最新的页面，相当于客户端点击 F5 (“刷新”)。 使用 location.reload()...
网页刷新，清空数据（可以用刷新不保留数据的方式携带参数实现）
Codernmx
09-22 1021
在实现清空数据的时候发现的一个方法 Location reload() 介绍： reload()方法用于刷新当前文档。 reload() 方法类似于你浏览器上的刷新页面按钮。 如果把该方法的参数设置为 true，那么无论文档的最后修改日期是什么，它都会绕过缓存，从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。 相当于强制刷新网页 用法： 注意： ...
Location.reload() 使用上的性能问题
我的鱼塘
07-03 1164
本来是不想写这个的，但看到在用中文搜索得到的结果时，很是不满意。你基本得到是location.reload()是从浏览器缓存中读取。这样的答案有时真是莫名。很直接的理解成从IE缓存读取，及时原页面有更新也是这样。 最初的理解是这样，结果很自然的想到，使用location.reload(true)来重新加载页面(强制获取所有页面的元素)。而且搜索到的结果很多直接回答“使用location.reloa...
js刷新页面location.reload()用法
subsistent的博客
03-25 4075
本文介绍了js刷新页面函数location.reload()的用法，有关js location.reload()函数的例子，有需要的朋友参考下。在js中实现刷新页面的方法有很多种，在js中有一个location.reload()函数，它就可以实现我们想要的功能。例2，JS实现刷新iframe的方法。这种写法不会显示对话框。
强制刷新整个页面
weixin_55472979的博客
03-09 2317
强制刷新整个页面
Vue3页面reload刷新后导致缓存页面数据丢失
trabecula_hj的博客
10-26 1950
如何解决reload刷新页面导致缓存页数据丢失的问题
js刷新页面window.location.reload()；
怎奈你何的博客
08-23 4345
js刷新页面
location.reload()与location.reload(true)
weixin_48393490的博客
03-09 1366
location.reload()与location.reload(true)之间的区别
JS中BOM的Location对象的用法（assign()、reload()、replace()）
Fantasc的博客
08-14 952
Location：地址栏的信息封装在该对象中，直接打印location能够获取到当前页面的地址栏信息（完整路径）。 alert(location);//会得到当前页面的完整路径 将location修改为一个完整的绝对路径或者相对路径，当前页面会自动跳转到修改路径的页面，并生成相应历史记录。 location = "http://www.baidu.com";//绝对路径，跳转到百度首页 location = "js测试.html";//相路径，跳转到js测试.html页面 Location对象中
刷新清缓存
weixin_33810302的博客
03-08 102
刷新清缓存，相当于Ctrl+F5：location.reload(true)普通刷新：location.reload()重定向：top.location=basePath+'front/qbbs2/xx.jsp'; 转载于:https://www.cnblogs.com/chai-blogs/p/5254388.html...
window.location.reload 和 location.reload区别
最新发布
01-17
window.location.reload()和location.reload()是相同的方法，它们都用于重新加载当前页面。它们的区别在于调用方式的不同。 window.location.reload()是通过window对象调用的方法，而location.reload()是通过location对象调用的方法。实际上，window.location.reload()是location.reload()的简写形式。 以下是一个示例： ```javascript // 使用window对象调用reload()方法 window.location.reload(); // 使用location对象调用reload()方法 location.reload(); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

在下月亮有何贵干

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值