localStorage和sessionStorage讲解

html5本地存储

1.localStorage
2.sessionStorage

localStorage

1.localStorage为永久性保存数据，不会随着浏览器的关闭而消失，可以在同域名跨页访问。
2.按域名进行存储，不会和其他域名冲突
3.键值对存储：key/value

localStorage API总结

setItem(key , value)   
保存或设置数据,如果key已经存在，则覆盖key对应的value,如果不存在则添加key与value

getItem(key);   获取key对应的value。
   如果key不存在则返回null
   
key(index);  获取指定下标位置的key

length 获取localStorage一共有多少条数据

alert(window.localStorage.length);

clear(); 将同域名下的所有localStorage数据都清空

removeItem('key'):
删除数据，通过key来删除相应的value

sessionStorage

1.sessionStorage为临时性保存数据，当页面关闭就会消失。其他一切与localStorage一样
2.sessionStorage不能跨页面访问，也不会触发跨标签页的storage事件。它只局限在当前的标签页

cookie和stotage的区别

1、cookie数据存放在客户的浏览器上，session数据放在服务器上。
2、cookie不是很安全，别人可以分析存放在本地的COOKIE并进行COOKIE欺骗，考虑到安全应当使用session。
3、session会在一定时间内保存在服务器上。当访问增多，会比较占用你服务器的性能，考虑到减轻服务器性能方面，应当使用COOKIE。
4、单个cookie保存的数据不能超过4K，很多浏览器都限制一个站点最多保存20个cookie。
5、建议：将登陆信息等重要信息存放为SESSION
               其他信息如果需要保留，可以放在COOKIE中