HTML5实现本地储存--localStorage、sessionStorage

在html5中提供了两种方式在客户端实现本地储存，分别是localStorage、sessionStorage

 

我们可以直接调用javascrip使用接口，实现数据存储

 

 

先来说说这两者的区别：

·localStorage保存在客户端后，在浏览器关闭后是永久有效存在的，sessionStorage在关闭了窗口是失效

·localStorage在本域的窗口之间是互相共享的，sessionStorage只在本窗口有效的

 

localStorage和sessionStorage的用法：

·set

localStorage[’name’] = ‘x’;

localStorage.name = ‘x’;

localStorage.setItem[’name’,’x’];

 

·get

localStorage.getItem[’name']

localStorage.name

 

·delete

localStorage.removeItem[’name']

 

获取长度 ：

localStorage.length

localStorage.name.length

 

sessionStorage也是和localStorage一样的用法

 

我们在使用localStorage保存数据时，存入的格式都是字符串，取出来也是字符串，所以使用前要记得用JSON.parse将数据序列化之后再使用

在web app上用来做离线缓存、跨页面数据交互还是很方便的说

 

 

如果文中有错误的地方，欢迎大家指正：)