h5本地存储storage

storage本地存储，彷佛有点想起cookie，的确用法也相似于cookie。可是storage较cookie有很多好处：

存储量大；在客户端完成，不会请求客户端；

storage分为sessionStorage和localStorage。

1.sessionStorage  临时存储，当页面关闭的时候，本地存储也就消失。而且sessionStorage的数据是不会共享的。

2.localStorage 永久删除，能够手动删除数据，数据是共享的。

storage下有如下api：

window.sessionStorage和window.localStorage有如下4个方法：

setItem(): 设置数据，key\value类型，类型都是字符串 能够用获取属性的形式操做

getItem(): 获取数据，经过key来获取到相应的value removeItem():

删除数据，经过key来删除相应的value

clear(): 删除所有存储的值。用法以下：

window.localStorage.getItem('name')

存储事件：

当数据有修改或删除的状况下，就会触发storage事件。不过，在对数据进行改变的窗口对象上是不会触发的，也就是说有两个及两个以上的窗口，当有数据改变的时候，除了本身本窗口意外的其余窗口对象都会触发storage事件。

该事件的event对象下有如下属性：

Key : 修改或删除的key值，若是调用clear(),key为null

newValue : 新设置的值，若是调用removeStorage(),key为null

oldValue : 调用改变前的value值

storageArea : 当前的storage对象

url : 触发该脚本变化的文档的url

以下：

window.addEventListener('storage',function(ev){  //当前页面的事件不会触
        
        console.log( ev.key );
        console.log( ev.newValue );
        console.log( ev.oldValue );
        console.log( ev.storageArea );
        console.log( ev.url );
        
    },false);