前端本地存储方式cookie、localStorage、sessionStorage

如图浏览器的信息存储，在对应内容可以查看本地存储的信息

        

1、cookie

        服务器与本地浏览器的数据存储，一般用来做用户登录的识别问题，前端cookie的操作api：document.cookie可获取，新增，删除等等。

2、localStorage

        本地保存数据，和服务器没有关系，不主动清除不会消失，会一直存在。

        设置：localStorage.setItem("名", "值")

        获取：localStorage.getItem("名")

        删除：localStorage.removeItem("名")

        清空：localStorage.clear()

3、sessionStorage

        本地保存数据，和服务器没有关系，关闭当前会话（当前网页）就会清除。

        设置：sessionStorage.setItem("名", "值")

        获取：sessionStorage.getItem("名")

        删除：sessionStorage.removeItem("名")

        清空：sessionStorage.clear()