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

Keep a JavaScript variables value after a page refresh?

本文关键字：保留 JavaScript 变量值 刷新      更新时间：2023-09-26

>我正在使用一个项目中，其中变量被分配了一个值，我需要在刷新浏览器时使用该值。有什么办法获得这个价值吗？

饼干

最好的解决方案是使用饼干。Cookie，也称为HTTP Cookie，Web Cookie或浏览器cookie，通常是在用户浏览网站（来自维基百科）时从网站发送并存储在用户网络浏览器中的一小段数据。

使用 cookie，您可以保存状态，稍后读取并使用它。

使用jQuery，使用cookie非常容易。

要设置：

$.cookie("var", "10");

要获得：

$.cookie("var")

要删除：

$.cookie("var", null);

本地存储

当您想要在本地保存大量数据时，您还有另一个机会 - 使用本地存储（从HTML5开始）。您可以直接使用 JavaScript 或使用可用的 jQuery 插件之一来做到这一点。

例如，对于totalStorage：

var scores = new Array();
scores.push({'name':'A', points:10});
scores.push({'name':'B', points:20});
scores.push({'name':'C', points:0});
$.totalStorage('scores', scores);

您可以将该值放在 cookie 中。

替代方案的完整列表是

  • 标准 HTTP 饼干
  • 本地共享对象（Flash Cookie）
  • 银光独立存储
  • 使用 HTML5 Canvas ag 将 Cookie 存储在自动生成的强制缓存 PNG 的 RGB 值中，以读取像素 （Cookie） 回传
  • 在网络历史记录中存储 Cookie
  • 将 Cookie 存储在 HTTP ETags 中
  • 将 Cookie 存储在网络缓存中
  • window.name 缓存
  • IE用户数据存储
  • HTML5 会话存储
  • HTML5 本地存储
  • HTML5 全局存储
  • HTML5 数据库存储通过 SQLite

永恒饼干

您可以将其存储在 cookie 中。或者使用本地存储（如果浏览器支持）。

您可以使用

$.cookie("key", value)来设置值，$.cookie("key")来获取保存的值。

编辑：关于如何在jQuery中使用cookie的小教程：http://www.electrictoolbox.com/jquery-cookies/

相关文章：