HTML页面缓存内容清理

  在HTMLWEB页面更新后浏览器缓存在大部分时机影响更新页面的使用,非技术人员根本意识不到内容是否有更新,绝大部分的人使用浏览器访问网页也没有打开网页要强制刷新(Ctrl + F5)网页的习惯保证获取到最新网页信息;
  本人最近也是在处理HTMLWEB页面修改后缓存清理不掉,更新受阻,一直显示旧页面;经过一些查证现就全面清理HTMLWEB页面缓存做出几点总结,记录在此方便后续回顾温习。
  对于一个HTMLWEB页面,常见缓存分三部分即页面内容、css样式和JS文件。 下面就这基础的三部分分别列出解决办法;仅供参考,有不全面请各位大佬指正!!!

1.页面内容缓存清理





2.js和css文件缓存清理






  这样只要在每次修改后改一下版本号即可,可以通过document.write,或者其他动态加载JS的框架来更新参数数据。如下所示:


3.用随机数,随机数也是避免缓存的一种很不错的方法

其他的类似,只需在需要更新的文件后加上+Math.random() 参数即可;注意:因为Math.random() 只能在Javascript 下起作用,故只能通过Javascript的调用才有效

你可能感兴趣的:(基础前端)