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

时间:2012-08-07 08:13:15

标签: javascript jquery

我正在处理一个项目,其中为变量分配了一个值,当浏览器刷新时我需要该值。是否有任何方法可以获得该值?

4 个答案:

答案 0 :(得分:22)

<强>缓存

最佳解决方案是使用 cookies 。 Cookie(也称为HTTP Cookie,网络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);

答案 1 :(得分:4)

您可以将该值放在Cookie中。

完整的替代清单

  • 标准HTTP Cookie
  • 本地共享对象(Flash Cookie)
  • Silverlight隔离存储
  • 使用HTML5 Canvas ag将Cookie存储在自动生成的强制缓存PNG的RGB值中,以便读取像素(Cookie)
  • 在网络历史记录中存储Cookie
  • 在HTTP ETag中存储Cookie
  • 将Cookie存储在网络缓存中
  • window.name caching
  • Internet Explorer userData storage
  • HTML5会话存储
  • HTML5本地存储
  • HTML5全球存储
  • 通过SQLite进行HTML5数据库存储

Evercookie

答案 2 :(得分:3)

您可以将其存储在Cookie中。如果浏览器支持,请使用本地存储。

答案 3 :(得分:2)

您可以使用$.cookie("key", value)设置值,使用$.cookie("key")获取保存的值。

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