JavaScript使用localStorage存储数据-创新互联

背景

以前js都是 Session 和 Cookie 来存储信息，仿佛我还停留在那个时候，一问同事有没有新的solution，才知道现在已经有 HTML5 localStorage 本地存储 这个东西，可以在浏览器端储存数据。

记得最早的Cookies只能存很小的东西，4KB的样子，并且安全性很差，在IE6时代一个域名也只能二十个Cookies吧，限制挺大，当然IE还有userData的东西，没什么用。Flash也带了一个Storage，相对比较大，空间是Cookie的25倍左右，当时现在也废弃Flash了。

到了H5时代，就统一了，LocalStorage一统天下。官方建议是每个网站 5MB ，非常大了，虽然浏览器设置会有差异，但是一般就存些JSON或者字符串或者缓存来说，足够了。

HTML5 LocalStorage 本地存储

• sessionStorage：保存的数据用于浏览器的一次会话，当会话结束（通常是该窗口关闭），数据被清空；
  
• localStorage：保存的数据长期存在，下一次访问该网站的时候，网页可以直接读取以前保存的数据。除了保存期限的长短不同，这两个对象的属性和方法完全一样。
  

它们很像cookie机制的强化版，虽然能够动用大得多的存储空间。但是，与cookie一样，它们也受同域限制。某个网页存入的数据，只有同域下的网页才能读取。

通过检查window对象是否包含 sessionStorage 和 localStorage 属性，可以确定浏览器是否支持这两个对象。

function checkStorageSupport()
{
 // sessionStorage
 if (window.sessionStorage) {
  return true;
 } else {
  return false;
 }
 
 // localStorage
 if (window.localStorage) {
  return true;
 } else {
  return false;
 }
}

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。