前端开发JavaScript清除浏览器缓存的方法

前端开发JavaScript清除浏览器缓存的方法查看和删除浏览器缓存的方法 打开 最近在开发项目中发现有时候总要频繁地清除浏览器缓存 不然总是显示的过时的信息 浏览器缓存有利有弊 有些数据需要缓存下来使得页面打开更快提高网站性能 但有些缓存内容又必须清除 缓存可能会导致一些错误数据被展示 介绍一些清除浏览器缓存的方法 方法一 利用 meta 标签 amp

查看和删除浏览器缓存的方法=====》打开

最近在开发项目中发现有时候总要频繁地清除浏览器缓存,不然总是显示的过时的信息

浏览器缓存有利有弊,有些数据需要缓存下来使得页面打开更快提高网站性能,但有些缓存内容又必须清除,缓存可能会导致一些错误数据被展示。

介绍一些清除浏览器缓存的方法:

方法一:利用meta标签

<META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTENT="0">

这种方法很简单,但不是所有浏览器都支持的,像chrome这种强制使用缓存的浏览器就没有用

方法二:jquery ajax清除浏览器缓存

//用ajax请求服务器最新文件,并加上请求头If-Modified-Since和Cache-Contro $.ajax({ url:'www.haorooms.com', dataType:'json', data:{}, beforeSend :function(xmlHttp){ xmlHttp.setRequestHeader("If-Modified-Since","0"); xmlHttp.setRequestHeader("Cache-Control","no-cache"); }, success:function(response){ //do something  } async:false }); //直接用cache:false, $.ajax({ url:'www.haorooms.com', dataType:'json', data:{}, cache:false, ifModified :true , success:function(response){ //do something  } async:false });

方法三:url后面加上随机数(字母)或者当前时间戳

URL ?ran=" + Math.random(); URL ?timestamp=+ new Date().getTime();

方法四:在js后面加日期戳

虽然看起来和url加随机数一样,但原理不同,这种最好所有js文件采用公共引入文件的形式,可以省去一些麻烦

<script src="/res/js/plugins/metisMenu/jquery.metisMenu.js?${.now?string('yyyy-MM-dd')}"></script>

方法五:后端处理

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/232234.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 图像特征提取总结_将劣势转化为优势的例子

    图像特征提取总结_将劣势转化为优势的例子转载地址:https://blog.csdn.net/lskyne/article/details/8654856 特征提取是计算机视觉和图像处理中的一个概念。它指的是使用计算机提取图像信息,决定每个图像的点是否属于一个图像特征。特征提取的结果是把图像上的点分为不同的子集,这些子集往往属于孤立的点、连续的曲线或者连续的区域。 特征的定义        至今为止特征没有万能和精确的定义。…

    2025年7月8日
    3
  • Navicat premium15 激活码【2022免费激活】2022.03.10

    (Navicat premium15 激活码)这是一篇idea技术相关文章,由全栈君为大家提供,主要知识点是关于2021JetBrains全家桶永久激活码的内容https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~1M2OME2TZY-eyJsaWNlb…

    2022年4月2日
    2.1K
  • c# mysql executenonquery_c#数据四种执行方法(ExecuteNonQuery)—–转载「建议收藏」

    c# mysql executenonquery_c#数据四种执行方法(ExecuteNonQuery)—–转载「建议收藏」c#数据四种执行方法(ExecuteNonQuery)1.使用ExecuteReader()操作数据库2.使用ExecuteNonQuery()操作数据库3.使用ExecuteScalar()操作数据库4.使用DataSet数据集插入记录,更新数据一、使用ExecuteReader()操作数据库,执行查询操作的非常好的方法。ExecuteReader比DataSet而言,DataReader具有较…

    2025年8月29日
    6
  • paping && psping 那些事

    paping && psping 那些事paping amp psping 简单描述 paping 跨平台 psping 只能在 windows 上进行使用 ping 跨平台当需要测试数据包能否通过 IP 协议到达特定主机 一般都是使用 ping 工作时 ping 向目标主机发送一个 ICMPEcho 请求的数据包 并等待接收 Echo 相应数据包 通过响应时间和成功响应的次数来判断丢包率和网络延迟 担当对方禁止 ICMP 之后 ping 将无效 所

    2025年9月2日
    3
  • UE4/UE5 使用Unreal Datasmith完全教程

    UE4/UE5 使用Unreal Datasmith完全教程(2019.12.9)Datasmith功能已内置到虚幻4.24版本Datasmith支持导入Twinmotion:Twinmotion教程汇总(2021.4.2)Datasmith安装到4.20-4.23版本:UE4在4.20-23版本安装Datasmith插件(2021.3.30更新)Datasmith导出插件:Datasmith导出插件(2021.4.12更新)导入sketchup草图大师:草图大师SU导入Unity和虚幻UE4对比导入Revit2018.3+:UE4使用Da.

    2022年10月5日
    18
  • Java后端学习路线图,你真的只需要这一张!

    Java后端学习路线图,你真的只需要这一张!原文链接前言学习路线图往往是学习一样技术的入门指南。网上搜到的Java学习路线图也是一抓一大把。今天我只选一张图,仅此一图,足以包罗Java后端技术的知识点。所谓不求最好,但求最全,学习Java后端的同学完全可以参考这张图进行学习路线安排。当然,有一些知识点是可选的,并不是说上面有的你都要会啦。我在复习秋招的过程中就是基于此图进行复习的,感觉效果还是不错的。闲言少叙,我们还…

    2022年5月17日
    50

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号