javascript - 仅控制 JavaScript 函数执行一次

Question

我有 5 个 html 页面和 JavaScript 文件中的 JavaScript 函数 DoInitialConfiguration()。用户可以打开五个 html 页面中的任何一个，我希望无论打开哪个页面，我都在第一个页面访问时调用此函数。但也要记住该函数已被调用一次，并且不会在其他页面加载中调用它。我只有这5个html页面和具有该功能的JavaScript文件。我是 JavaScript 文件的所有者，但可以在 html 页面(我不拥有)中进行有限的更改，例如加载 JavaScipt 文件并调用函数 DoInitialConfiguration()。

由于 JavaScript 文件将保留在浏览器缓存中，有没有办法通过使用 JS 文件中的任何变量来记住该函数已被调用一次。如果清除浏览器缓存后重新加载页面，再次调用DoInitialConfiguration()就可以了。

这个功能如何实现

Answer 1

如果您的 5 个页面托管在同一站点下(可能是这种情况)，您可以使用 localStorage 添加一个 key 来检查您的脚本是否是第一次调用。

if (localStorage.getItem("firstRun") != null) {
  // second run+ code goes here
} else {
  localStorage.setItem("firstRun", "ohyes");
  // first run code goes here
}