这种用法已被弃用: https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache

这个答案只晚了6年，但我在很多地方都没有看到这个答案……HTML5引入了应用程序缓存来解决这个问题。我发现我正在编写的新服务器代码正在破坏人们浏览器中存储的旧javascript，所以我想找到一种方法让他们的javascript过期。使用如下所示的清单文件:

CACHE MANIFEST
# Aug 14, 2014
/mycode.js

NETWORK:
*

并在每次您希望用户更新其缓存时，使用新的时间戳生成此文件。作为旁注，如果您添加了这个，浏览器将不会重新加载(即使当用户刷新页面时)，直到清单告诉它。

一个简单的技巧，我可以很好地防止新旧javascript文件之间的冲突。这意味着:如果出现冲突和错误，将提示用户按Ctrl-F5。

在页面顶部添加如下内容

<h1 id="welcome"> Welcome to this page <span style="color:red">... press Ctrl-F5</span></h1>

看起来像

让这一行javascript作为加载页面时最后执行的代码:

document.getElementById("welcome").innerHTML = "Welcome to this page"

如果没有发生错误，上面的欢迎问候语几乎不可见，几乎立即被替换为

现在常见的做法是生成一个内容哈希代码作为文件名的一部分，以迫使浏览器(尤其是IE)重新加载javascript文件或css文件。

例如,

vendor.a7561fb0e9a071baadb9.js main.b746e3eb72875af2caa9.js

这通常是构建工具(如webpack)的工作。这里有更多的细节，如果有人想尝试如果你正在使用webpack。

一种解决方案是在获取资源时，将包含时间戳的查询字符串附加到URL。这利用了浏览器不会缓存从包含查询字符串的url中获取的资源这一事实。

你可能不希望浏览器完全不缓存这些资源;更可能的情况是，您希望它们被缓存，但您希望浏览器在文件可用时获取该文件的新版本。

最常见的解决方案似乎是在文件名本身中嵌入时间戳或修订号。这是一个多一点的工作，因为你的代码需要修改请求正确的文件，但这意味着，例如版本7你的snazzy_javascript_file.js(即snazzy_javascript_file_7.js)被缓存在浏览器上，直到你发布版本8，然后你的代码改变获取snazzy_javascript_file_8.js。

<script>  
  var version = new Date().getTime();  
  var script = document.createElement("script");  
  script.src = "app.js?=" + version;  
  document.body.appendChild(script);  
</script>

如果有人已经把它贴在上面过多的答案中，请随意删除。

如果您正在使用PHP和Javascript，那么以下内容应该适用于您，特别是在您对文件进行多次更改的情况下。所以，每次你都不能改变它的版本。因此，这个想法是在PHP中创建一个随机数，然后将其分配为JS文件的一个版本。

$fileVersion = rand();
<script src="addNewStudent.js?v=<?php echo $fileVersion; ?>"></script>