window.onpopstate 不起作用；当我导航回页面时没有任何反应

我正在尝试添加window.onpopstate在我网站的其中一个页面上，但什么也没有发生。我把这个脚本放在页面上：

<script type="text/javascript">
  window.addEventListener('popstate', function(event) {
    if (event.state) {
      alert(event.state);
    }
  }, false);
</script>

我也尝试过：

<script type="text/javascript">
  window.onpopstate = function() {
    alert("popped!");
  }
</script>

但是，当我导航回该页面时，我没有收到任何警报。

你得到一个popstate仅当您添加一个或多个历史条目并且稍后用户单击back浏览器中的按钮。

通过向浏览器历史记录中添加条目，您可以更改 URL（就像用户导航到另一个页面一样），但无需实际加载新页面。

您添加历史记录条目pushState method:

history.pushState({}, '', '/newpage');

当您添加一个条目并且用户单击backURL 切换回前一个，但该地址的页面未加载。 Apopstate相反，事件被触发。

See https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulated_the_browser_history https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history

例外情况：

较旧的浏览器不支持popstate事件和浏览器历史记录的操作。

某些浏览器（例如 Safari）会触发popstate页面实际加载时也会发生事件。