如何在页面刷新后保留 JavaScript 变量值？

页面刷新后维护 JS 变量值

跨页面刷新维护 JavaScript 变量值对于动态 Web 应用程序和保留用户特定信息至关重要。为了实现这一目标，我们需要利用网络存储机制，即使在页面重新加载时也能保留数据。

一个强大的工具是localStorage，它允许您在浏览器中永久存储数据整个网站。如果您想在多个会话中保留信息，这将非常有利。要使用 localStorage 设置值，请使用：

window.localStorage.setItem("variableName", value);

要检索值，只需使用：

let retrievedValue = window.localStorage.getItem("variableName");

或者，如果您需要存储仅保留在当前浏览器会话，您可以使用 sessionStorage。语法与 localStorage 类似，但 sessionStorage 会在浏览器窗口关闭时清除数据。

window.sessionStorage.setItem("variableName", value);
let retrievedValue = window.sessionStorage.getItem("variableName");

需要注意的是，这些机制中只能直接存储字符串值。要存储其他数据类型，请考虑使用 JSON.stringify() 和 JSON.parse() 进行转换。

有关不支持 localStorage 的浏览器的更深入信息和解决方法，请参阅以下资源:

• [MDN 的 DOM 存储指南](https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage)
• [ localStorage](https://developer.mozilla.org/en-US/docs/DOM/Storage#localStorage)
• [JSON](https://developer.mozilla.org/en-US/docs /JSON)
• [浏览器存储兼容性](http://caniuse.com/namevalue-storage)

以上是如何在页面刷新后保留 JavaScript 变量值？的详细内容。更多信息请关注PHP中文网其他相关文章！