H5数据保存之storage

window.sessionStorage——会话级存储:

       在浏览器的内存中存储的与某个服务器间的一系列请求-响应过程中产生的数据——都是Key-Value对形式。当会话结束时(用户关闭了浏览器)，会话级数据即消失。

       sessionStorage['key'] = 'value';    //存储一个数据

       var v = sessionStorage['key'];             //读取一个数据

       sessionStorage.length                 //获取数据的个数

       sessionStorage.setItem('key', 'value') //存储一个数据

       var v = sessionStorage.getItem('key') //读取一个数据

       sessionStorage.removeItem('key') //删除一个数据

       sessionStorage.clear()                 //清除所有的数据

  window.localStorage——本地/跨会话级存储：

       在客户端文件系统/硬盘中存储客户端与服务器间的访问数据——都是Key-Value对形式。即使关闭浏览器，甚至关闭计算机仍然存在，否则会永久存在。

       localStorage['key'] = 'value';        //存储一个数据

       var v = localStorage ['key'];         //读取一个数据

       localStorage.length                            //获取数据的个数

       localStorage.setItem('key', 'value')      //存储一个数据

       var v = localStorage.getItem('key') //读取一个数据

       localStorage.removeItem('key')   //删除一个数据

       localStorage.clear()                            //清除所有的数据

---

如何得知localStorage中数据的修改？

  localStorage中任何数据的修改，都会触发一个事件：

  window.onstorage = function(){  }