页面刷新后保留JavaScript变量值?
我正在使用一个项目,其中变量被赋值一个值,我需要刷新浏览器时的值。有什么方法可以获得该值?
cookies
最好的解决方案是使用cookie 。 Cookie(也称为HTTP Cookie,网络Cookie或浏览器Cookie)通常是从网站发送并在用户浏览网站时存储在用户的网络浏览器中的一小段数据(来自维基百科)。
使用cookie可以保存状态 ,然后读取并使用它。
使用jQuery,使用cookie非常容易。
设置:
$.cookie("var", "10");
要得到:
$.cookie("var")
删除:
$.cookie("var", null);
本地存储
当您想要保存localy大量数据时,您还有另一个机会 – 使用本地存储(从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 Cookie
- 本地共享对象(Flash Cookie)
- Silverlight隔离存储
- 使用HTML5 Canvas ag将cookie存储在自动生成的强制缓存PNG的RGB值中,以便读取像素(cookie)
- 在Web历史记录中存储cookie
- 在HTTP ETag中存储cookie
- 将Cookie存储在Web缓存中
- window.name缓存
- Internet Explorer userData存储
- HTML5会话存储
- HTML5本地存储
- HTML5全球存储
- 通过SQLite进行HTML5数据库存储
Evercookie
您可以将其存储在cookie中。 或者,如果浏览器支持,则使用本地存储。
您可以使用$.cookie("key", value)
来设置值,使用$.cookie("key")
来获取保存的值。
编辑:关于如何在jQuery中使用cookie的小教程: http : //www.electrictoolbox.com/jquery-cookies/