javascript - 仅运行一次 window.addEventListener ('load' ...)

Question

我想知道是否有任何方法可以仅在第一次加载特定页面时运行 window.addEventListener('load' ...) 。

我尝试将名为 loaded 的标志设置为 false，并且仅在 loaded == 时运行 eventListener 内的代码=假。然后，一旦运行，我将“loaded”设置为“true”。但不起作用，每次仍然运行。

我可以在事件监听器运行后将其删除吗？

Answer 1

保留一个 localStorage 项，其中包含与迄今为止已加载的所有页面相对应的数组。仅当该页面尚未存储在 localStorage 中时才附加监听器。例如:

const { href } = window.location;
const alreadyLoaded = JSON.parse(localStorage.loaded || '[]');
if (!alreadyLoaded.includes(href)) {
  alreadyLoaded.push(href);
  localStorage.loaded = JSON.stringify(alreadyLoaded);
  window.addEventListener('load', () => {
    // rest of your code
  });
}