小编Jay*_* Wu的帖子

请查看这个GithubPage，我在其中尝试重新创建我遇到的问题。

当您单击第一个按钮时，它将创建一个段落，将其附加到本地存储项并显示它。

当您单击第二个按钮时，它将首先清除本地存储，然后重定向到另一个页面。

现在，如果您从 page2 单击浏览器后退按钮，您将返回到 index.html，但段落仍然在那里。如果您检查本地存储，这些段落会被删除，因为它们应该被删除，但它们仍然显示，就像返回到 index.html 时 js 脚本没有\xe2\x80\x99t 执行一样。

我在使用 chrome 和 Firefox 时遇到了这个问题，但 Edge 的行为符合我的预期（回到 index.html，没有显示任何段落）。当我在本地实时服务器上测试它时，即使使用 Chrome，一切也都按预期工作。但在 GitHub 页面上并不正确。通过browser\xe2\x80\x99s后退按钮访问页面时Js脚本是否再次运行？我是这么认为的，但是有人可以解释一下这里发生了什么\xe2\x80\x99s吗？谢谢。

这是脚本

const addPEle = document.querySelector(".addP");\nconst clearPEle = document.querySelector(".clearP");\nconst contentEle = document.querySelector(".content");\n\naddPEle.addEventListener("click", () => {\n  const curContent = localStorage.getItem("content") || "";\n  localStorage.setItem("content", `${curContent}<p>This is a paragraph.</p>`);\n  displayContent();\n});\n\nclearPEle.addEventListener("click", () => {\n  localStorage.setItem("content", "");\n  location.href = "page2.html";\n  // displayContent();\n});\n\nfunction displayContent() {\n  contentEle.innerHTML = "";\n  const content = localStorage.getItem("content") …