只加载一次脚本

Question

我只想在用户访问时加载一次脚本（成功页面）。

我的想法是用本地存储写一些东西：

if ( localStorage.getItem("beenHere")) {
    localStorage.setItem('beenHere', 1);
    window.addEventListener('load', (event) => {
        fathom.trackGoal('XXX', {{ order.totalPrice * 100 }});
    });
}

但这不起作用，因为load总是被加载。 我将如何处理？

Answer 1

应该是这个吧？ 最初localStorage.getItem("beenHere")是 null 因此它的计算结果为 false，因此 if 条件中的代码永远不会运行并且beenHere永远不会设置为 1。

if (!localStorage.getItem("beenHere")) {
    ...
}

Answer 2

添加{ once: true }作为 addEventListener 的第三个选项