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进行发送到服务器,所以会浪费一部分带宽

原文地址:https://www.cnblogs.com/AinyTong/p/6206427.html