如果你使用php可以做:

 <script src="js/myscript.js?rev=<?php echo time();?>"
    type="text/javascript"></script>

更新:请参见location.reload()没有参数作为这个非标准参数的背景，以及Firefox如何可能是唯一支持的现代浏览器。

您可以调用window.location.reload(true)来重新加载当前页面。它将忽略任何缓存项，并从服务器检索页面、css、图像、JavaScript等的新副本。这不会清除整个缓存，但会清除您所在页面的缓存。

但是，最好的策略是对路径或文件名进行版本控制，就像在其他各种答案中提到的那样。此外，请参阅旋转文件名:由于不使用?v=n作为版本控制方案的原因，不要使用querystring。

我已经通过使用解决了这个问题 ETag

Etag类似于指纹，如果给定URL上的资源发生变化，则必须生成一个新的Etag值。比较它们可以确定资源的两个表示是否相同。

如果你使用php可以做:

 <script src="js/myscript.js?rev=<?php echo time();?>"
    type="text/javascript"></script>

Cache.delete()可以用于新的chrome, firefox和opera。

大多数正确答案在这个话题中已经提到了。然而，我想添加一篇文章的链接，这是我能读到的最好的一篇文章。

https://www.fastly.com/blog/clearing-cache-browser

在我看来，最合适的解决方案是:

POST在一个iframe中。下面是建议帖子的一个小删减:

=============

const ifr = document.createElement('iframe');
ifr.name = ifr.id = 'ifr_'+Date.now();
document.body.appendChild(ifr);
const form = document.createElement('form');
form.method = "POST";
form.target = ifr.name;
form.action = ‘/thing/stuck/in/cache’;
document.body.appendChild(form);
form.submit();

有一些明显的副作用:这将创建一个浏览器历史记录条目，并受到响应未缓存的相同问题的影响。但它逃脱了fetch存在的预飞行要求，并且由于它是一个导航，分割缓存的浏览器将清除正确的缓存。

这个几乎能搞定。Firefox将为跨源资源保留卡住的对象，但仅用于后续获取。每个浏览器都将使对象的导航缓存无效，无论是同一源资源还是跨源资源。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

我们尝试了很多方法，但是这个很有效。唯一的问题是，你需要能够以某种方式将这个脚本带到最终用户页面，这样你就能够重置缓存。在这种特殊情况下，我们是幸运的。