本文共 957 字，大约阅读时间需要 3 分钟。

HTML5 web 存储,一个比cookie更好的本地存储方式。

• localStorage - 没有时间限制的数据存储
• sessionStorage - 针对一个 session 的数据存储

在使用 web 存储前,应检查浏览器是否支持 localStorage 和sessionStorage:

if(typeof(Storage)!=="undefined"){    // 是的! 支持 localStorage  sessionStorage 对象!    // 一些代码.....} else {    // 抱歉! 不支持 web 存储。}

• 保存数据：localStorage.setItem(key,value);
• 读取数据：localStorage.getItem(key);
• 删除单个数据：localStorage.removeItem(key);
• 删除所有数据：localStorage.clear();
• 得到某个索引的key：localStorage.key(index);

提示: 键/值对通常以字符串存储，你可以按自己的需要转换该格式。

localStorage 对象存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。

sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。

转载地址：http://ktiws.baihongyu.com/