web存储

1. cookie:

如果想将cookie取到，可以通过document.cookie;取到的是所有的cookie数据
他是一直保存在网页中的：他有一个时间的限制，如果时间过期，则删除

写入：document.cookie = "cookie"
获取：document.cookie
时间（expires）：非必选项 类型;Date

 

2. localStorage（本地存储）:
生命周期：用户存储，如果不主动删除则不会删除
方法：
setItem():保存数据
getItem():获取数据
removeItem():移除数据
clear()：清除所有数据

 

3. sessionStorage（会话存储）:
生命周期：从网页打开到网页关闭。他可以存储大量数据
方法：
setItem():保存数据
getItem():获取数据
removeItem():移除数据
clear()：清除所有数据

 

注意：键不能重复，否则将会被覆盖

 

 

4. cookie和webStorage的区别：
1.cookie存储的数据量很小，但是web Storage的区别很大
2.cookie操作起来比较麻烦，但是web Storage很简单
3.cookie会跟随http进行发送到服务器，所以会浪费一部分带宽