一、localStorage: localStorage是永久性的本地缓存,存储在客户端的浏览器上,除非主动清除,否则是不会过期的。localStorage因为是永久性的本地存储,因此数据存储在本地的硬盘当中,不能跨域访问(浏览器的同源策略),不能跨浏览器访问。
window.localStorage
1.setItem(key,value)
2.getItem(key)
3.removeItem(key)
4.clear()
二、sessionStorage: 用于临时保存同一窗口(或标签页)的数据,在关闭窗口(或标签页)之后将会清除删除这些数据(例如打开一个页面,设置sessionStorage,此时当打开另一个窗口时是获取不到存储的值;当在此窗口打开一个新的页面则可以获取到存储的值)
window.sessionStorage
1.setItem("key", "value")
2.getItem("key")
3.removeItem("key")
4.clear()
三、Cookie: 是服务端发送到用户浏览器并保存在本地的一小块数据,它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。
javascript通过 document.cookie 可以创建新的cookie,也可以访问非httponly属性标记的cookie
cookie主要用于以下三个方面:
1.会话状态管理(如用户登陆状态、购物车、游戏分数或其他需要记录的信息)
2.个性化设置(如用户自定义设置、主题等)
3.浏览器行为跟踪(如跟踪分析用户行为等)
cookie相关信息参考地址:https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Cookies