cookie、localStorage、sessionStorage

cookie

存

document.cookie = "username=zs"
//document.cookie="键=值; expires=过期时间"

取

console.log(document.cookie)  //username=zs; age=18
//取出来 是一个字符串形式，需要用split分割

localStorage

存

localStorage.setItem("name", "11111111111")

取

localStorage.getItem("name")

特点区分

cookie

1 存的数据量小 
2 默认浏览器关掉就过期了 但是可以自己设置过期时间 
3 不太安全(每次 请求头 会带上)
cookie是很久以前的技术 那时候用来存储用户登录 现在 locastorage 存token来操作
注意：cookie 跨域有问题 现在都是 用 locastorage 存token 统一

localStorage和sessionStorage

（1）.数据都存储在本地客户端。
（2）.存储量都比Cookie有明显的增加，因浏览器而已，大约在5M左右。
（3）.数据都不会跟随HTTP请求发送到服务器，节省带宽，与Cookie不同。
（4）.两者具有相同的方法与属性，毕竟两个对象都是从Storage 继承而来。
（5）.localStorage会在本地永久性存储，sessionStorage存储的数据仅在会话期间有效。

cookie、localStorage、sessionStorage

原文：https://www.cnblogs.com/maizilili/p/12973360.html