技术问题：Popup应单次访问仅显示一次，却每次刷新均弹出

你的弹窗每次刷新都显示，核心问题是localStorage的设置时机错误，还有几个小的代码逻辑问题，我来帮你一一梳理：

1. 核心错误：标记设置过早 #

你当前的代码在页面加载时，只要检测到没有myPopup的localStorage记录，就直接执行了localStorage.setItem('myPopup', 'true')——这意味着不管用户有没有点击"I AGREE"，页面一加载就把"已显示过弹窗"的标记加上了，逻辑完全搞反了！应该是用户点击同意按钮后，再设置这个标记，这样下次访问才不会弹出。

2. 其他小问题 #

• 你在<body>上写了onload="myFunction()"，但代码里根本没有定义myFunction函数，这会导致控制台报错。
• 你把PopUp函数定义在了if (!cookie)的块内，这样如果有localStorage记录的话，这个函数就不存在了，虽然此时不会触发弹窗，但代码不够严谨。
• window.onload的写法会覆盖body上的onload事件，不过既然body上的onload是无效的，这个问题在修复时可以统一处理。

修复后的完整代码 #

<body>
  <!-- Modal -->
  <div id="ac-wrapper" style='display:none'>
    <div id="popup">
      <center>
        <h3>DISCLAIMER</h3>
        <input type="submit" name="submit" value="I AGREE" onClick="PopUp('hide')" id="button" />
      </center>
    </div>
  </div>

  <script>
    // 先定义PopUp函数，确保始终可用
    function PopUp(hideOrshow) {
      const wrapper = document.getElementById('ac-wrapper');
      if (hideOrshow === 'hide') {
        wrapper.style.display = "none";
        // 点击同意后才设置localStorage标记
        localStorage.setItem('myPopup', 'true');
      } else {
        wrapper.removeAttribute('style');
      }
    }

    // 页面加载完成后判断是否显示弹窗
    window.onload = function() {
      const hasShown = localStorage.getItem('myPopup');
      // 只有没有标记时才显示弹窗
      if (!hasShown) {
        setTimeout(function() {
          PopUp('show');
        }, 1000);
      }
    }
  </script>
</body>

修复要点说明 #

• 把PopUp函数移到全局作用域，确保无论是否有localStorage记录，函数都存在。
• 将localStorage.setItem('myPopup', 'true')移到PopUp('hide')的逻辑里——也就是用户点击"I AGREE"关闭弹窗时，才标记为"已显示"。
• 移除了body上无效的onload="myFunction()"，统一用window.onload处理页面加载逻辑。
• 优化了变量命名，比如把cookie改名为hasShown，因为你用的是localStorage而不是cookie，避免概念混淆。

这样修改后，弹窗只会在用户第一次访问（或清除浏览器localStorage后）显示一次，点击同意后，刷新或再次访问都不会再弹出了。

内容的提问来源于stack exchange，提问作者user8686581