javascript - 为 Javascript 应用程序存储持久的本地数据的轻量级解决方案

Question

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

score 6 · Accepted Answer

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.stringifyand JSON.parse。

是否使用直接属性或setItem样式访问主要取决于个人选择。也就是说，从理论上讲，这些方法更严格并被推荐，因为它们避免了将对象的内置属性localStorage与您尝试存储的键混淆的任何可能性。此外，这些方法可以在较旧的浏览器上进行填充，但不能直接访问属性。

score 1 · Accepted Answer

本地存储是一个好主意，具体取决于您的浏览器，这里有一篇很好的文章：http: //diveintohtml5.info/storage.html

score 1 · Accepted Answer

计划旧 cookie 也可以。要设置 cookie：

document.cookie = "MyNumber=1; expires=Fri, 3 Aug 2001 20:47:11 UTC; path=/";

遍历 cookie：

var cookies = document.cookie.split(";"), i;
for(i = 0; i < cookies.length; i++)
{
  console.log(cookies[i]);
}

3 回答 3