localStorage作为HTML5的Web Storage的两种存储方式之一。

 

 

  • 用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。
  • 优点：容量大，易用，原生支持
  • 缺点：兼容性问题（IE8以下的版本不支持） | 安全性也差，不适用于保存敏感的数据。

 



1、 判断是否支持localStorage



  

if(window.localStorage){
   //支持
}else{
  //不支持
}

//或者下面这个
if(typeof window.localStorage == 'undefined'){
   //不支持
}



 



2、 接口



 



  • localStorage.getItem(key)          ------------获取指定key的本地存储的值
  • localStorage.setItem(key,value)  -----------将value存储到key字段中
  • localStorage.removeItem(key)    ------------删除指定key的本地存储的值



 



注意：



  •  localStorage存储的值都是字符串类型，如果你要存储json数据，需要转换一下。
  •  localStorage可以存储多达5M的字符串。会存到一个sqlite的文件中。
  •  localStorage在不同的浏览器中存在不一致的返回值等。



               i.   使用数字索引或者数字字符串索引在FF下赋值没问题，但是获取值方式报错。 


localStorage[1] = 'zhangyaochun' 
 
 
 

                        localStorage['1'] = 'fe'



               ii. 调用不存在的索引时候FF返回的是Null其他浏览器都是undefined



 



    兼容性：



 



   http://caniuse.com/#search=localstorage