首页 > 技术文章 > cookies,sessionStorage 和 localStorage 的使用和区别

yujiekangweb 2017-06-21 10:08 原文

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左右;有有效期,过期后将会删除;

推荐阅读