数据持久化操作(2)localStorage(3)sessionStorage

1.数据本地化localStorage与sessionStorage
描述：在html5中提出了两种“替代”cookie的技巧
为localStorage和sessionStorage
说明：
localStorage是指数据一旦被本地化后，只要用户不主动删除即永远存在
sessionStorage是指数据一旦被本地化后，只要页面不关闭就不主动删除。
而一旦页面关闭后数据即被自动删除。
语法：
写入：xxx.setItem('key','value');
读取：xxx.getItem('key');
删除：xxx.removeItem('key');

 storage 

document.querySelector('.localStorage').onclick = function (){
        //localStorage
        //localStorage.setItem('nickname', 'FrankenStein');
        //console.log(localStorage.getItem('nickname'));
        //localStorage.removeItem('nickname');

        //sessionStorage
        //sessionStorage.setItem('userId','1233211233321');

    };