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上用来作离线缓存、跨页面数据交互仍是很方便的说

 

 

若是文中有错误的地方，欢迎你们指正：)