cookies，sessionStorage 和 localStorage 的使用和区别

Posted 2020-09-23 糊涂一点web

Web Storage

我们在编程的时候需要持久化的存储一些数据。对于网络化编程，一般将这项任务交给了服务器端的数据库或者浏览器端的cookie。

Web Storage有两种形式：

　　LocalStorage（本地存储）和sessionStorage（会话存储）。

这两种形式在功能上都差不多，但是存储的坚持时间不一样（不知道怎么描述了，下面会解释）

• LocalStorage：浏览器关闭了数据仍然可以保存下来，并可用于所有同源（相同的域名、协议和端口）窗口（或标签页）永久存储，永不失效，除非手动删除
• sessionStorage：数据存储在窗口对象中，窗口关闭后对应的窗口对象消失，存储的数据也会丢失。就是浏览器窗口关闭就失效了。
• 注意：sessionStorage 都可以用localStorage 来代替，但需要记住的是，在窗口或者标签页关闭时，使用sessionStorage 存储的数据会丢失。

local storage和session storage的使用主要通过在js中操作这两个对象来实现，分别为window.localStorage和window.sessionStorage. 这两个对象均是Storage类的两个实例，自然也具有Storage类的属性和方法。

对于Storage类的属性大家自行百度哈。

cookies

服务器和客户端都可以访问；大小只有4KB左右；有有效期，过期后将会删除；