JavaScript 清除缓存

Shraddha Paghdar 2022年6月7日
JavaScript 清除缓存

当你访问一个网站时,你的浏览器会接管页面的一部分并将它们存储在你的计算机硬盘上。浏览器通常存储网站部分的所谓静态资产,这些部分不会因一次访问而改变。

在今天的文章中,我们将学习在 JavaScript 中清除缓存。

在 JavaScript 中清除缓存

浏览器旨在保存所有简短的缓存。这是因为缓存是网站加载速度更快的主要原因。

因此,除非更改 HTML 中的某些编码,否则没有直接的方法可以永久清除缓存。可能还有其他几种方法可以做到这一点,但这两种是最简单和最有效的。

Web 浏览器不允许你像移动应用程序一样清除其缓存。虽然我们无法清除整个客户端浏览器缓存,但仍然可以使用 HTML 代码中的 meta 标记加载网页而不进行缓存。

做到这一点的唯一方法是更改​​表示浏览器不记得最近加载的内存的代码,这只不过是缓存内存。

以下两个示例说明如何清除缓存。以下代码不能按原样运行并且没有输出。

必须将其添加到现有代码中才能查看输出。

方法一

<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>

添加这部分 HTML 代码,使浏览器不记录缓存。

方法二

将参数上传到 script 标签内的文件名。交换记录时交换它。

允许这是文档的名称。每次加载此页面时,都会交替使用脚本的版本。

<script src = "oldFile.js?version = 0.1"></script>

下次加载此页面时,它应该看起来像这样。

<script src = "newfile.js?version = 0.2"></script>
Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn