js-储存-Cookie和localStorage及sessionStorage的区别

Cookie,localStorage,sessionStorage的详解

Storage的API

// 储存一个key的值为value
localStorage.setItem('key','value');   
localStorage.key = 'value';
localStorage['key'] = 'value';
// Storage { name: "Timo", username: "timo1", password: "****",job: "fe", length: 4}
//获取储存的key的值
localStorage.getItem('username'); // timo1
localStorage.username;
localStorage['username'];
// 删除某个key
localStorage.removeItem('job');
// 删除所有key
localStorage.clear();
// 遍历Storage
localStorage.key()   // 拿到所有的 key值
localStorage.length; // 拿到Storage的长度

sessionStorage和localStorage一样的用法;
最大的区别， localStorage能一直存下去， sessionStorage只是当前会话期间起作用， 只要卸载页面则sessionStorage的值就清空了；而Cookie是有 失效时间的；
但是三个都是能用js操作中，不能存储非常重要的数据
[详解Cookie和localStorage及sessionStorage的区别]https://www.cnblogs.com/minigrasshopper/p/8064367.html)