他们都是保存在浏览器端,而且是同源的
LocalStorage:生命周期是永久的,关闭页面或浏览器之后localStorage中的数据也不会消失。就是除非主动删除数据,否则的话数据永远不会消失;不参与和浏览器的通信,大小有限制
方法:LocalStorage.getItem(),setItem(),removeItem(),clear();
SessionStorage:生命周期是只在当前浏览器窗口中有效,SessionStorage是在同源的窗口中始终存在的数据。只要这个浏览器窗口没有关闭,即使刷新页面或者进入同源的另一个页面,数据也还在。但是SessionStorage在关闭了浏览器数据就会销毁。
方法:SessionStorage.getItem(),setItem(),removeItem(),clear();
Cookie:生命周期只在设置的cookie过期时间之前有效,存放数据一般为4K左右,一般数量不能超过20个,cookie可以与服务端进行通信,但是使用cookie保存过多数据会带来性能问题。而且cookie需要自己封装。总之cookie就是一个存放数据的东西,存放客户端和应用设备上。
应用场景:用户注册,用户登录,购物车等
cookie的参数:name,value,域名,路径,是否是http,是否是https
cookie的操作
document.cookie = "username=sorber" name名字
document.cookie 获取cookie的内容