如何防止在F5之后更新.js脚本

Question

有没有办法阻止js脚本在用户刷新页面后更新？ 例如，我有一个图片滑块，刷新页面后，我的脚本应继续更改图片，而不是从头开始更改图片。

Answer 1

每次更改图片后，在本地HTML存储中设置索引。页面加载后，检查索引是否存在从该索引滑动开始图像或以其他方式从开头

更改图片

Answer 2

我认为你错误地解决了这个问题。

它不存在一种不按照你的描述刷新文件的方法（...可能添加缓存会阻止加载但不会在开始时重新开始执行。）

但你应该环顾四周，保持＆＃34;状态＆＃34;你的脚本： 就像保留上次查看的照片或列表的索引或类似内容一样。

为了保持国家，你需要处理： - 饼干 - 后端服务器（由您或第三方托管） - localstorage - 可能还有其他的东西

Answer 3

通常，您将不得不使用某种类型的机制来处理持久性（即cookie，服务器端变量，查询字符串参数，本地存储等），这些机制将能够让浏览器知道该页面具有已经加载了以及如何在刷新页面时“开始”。

使用本地存储的示例（如果您的浏览器支持）

<input id='count' />
<script>
  // Store your count (either pull from local storage or use 0
  var initialCount = localStorage.getItem("current-count") || 0;
  setInterval(function() {
    // Update your value
    document.getElementById('count').value = ++initialCount;
    // Update local storage to store it
    localStorage.setItem("current-count", initialCount);
  }, 1000);
</script>

你可以see an interactive version of this here。