轻量级解决方案,用于存储Javascript应用程序的持久性本地数据

Question

我正在构建一个HTML5/Javascript/jQuery应用程序供个人使用.应用程序需要字面上只存储两个数字才能运行.在脚本执行和页面重新加载之间,我可以存储两个数字的绝对最轻的方法是什么？理想情况下,该解决方案不需要应用程序在服务器上运行.

Answer 1

localStorage 会是最简单的:

localStorage.setItem('a', 1);   // or localStorage.a = 1
localStorage.setItem('b', 2);

并检索:

var a = +localStorage.getItem('a');  // or just a = +localStorage.a

请注意,localStorage可以只存储字符串,因此,+在最后一行运营商投的存储值回一个数字.如果要存储对象,请使用JSON.stringify和JSON.parse.

是否使用直接属性或setItem样式访问主要是个人选择的问题.也就是说,理论上这些方法更加严格和推荐,因为它们避免了将localStorage对象的内置属性与您尝试存储的密钥混淆的任何可能性.此外,这些方法可以在较旧的浏览器上填充,但直接属性访问不能.