本地存储
html5本地存储localStoragelocalStorage API总结sessionStoragecookie和stotage的区别
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中
