浏览器中常用的存储

发表于 | 更新于： | 分类于 | 评论： | 阅读次数：

本文参考:

localStorage 与 sessionStorage

localStorage与sessionStorage都是h5中出现的，都继承于Storage，用法完全相同

localStorage

  • 大小一般都是5M左右。
  • 除非被手动清除，否则永久保存

sessionStorage

  • 大小一般也是5M左右。
  • 仅在当前会话下有效，关闭 tab 或 浏览器(window) 后被清除
    • 刷新页面时不会清除
    • 页面跳转时，如果还在当前网站范围内则不清除。如果跳转到了其他网站则清除

共同的属性与方法

  • Storage.length : 返回一个整数，表示存储在 Storage 对象中的数据项数量。只读。
  • Storage.key() ：该方法接受一个数值 n 作为参数，并返回存储中的第 n 个键名。
  • Storage.getItem() ：该方法接受一个键名作为参数，返回键名对应的值。
  • Storage.setItem() : 该方法接受一个键名和值作为参数，将会把键值对添加到存储中，如果键名存在，则更新其对应的值。
  • Storage.removeItem(): 该方法接受一个键名作为参数，并把该键名从存储中删除。
  • Storage.clear() :调用该方法会清空存储中的所有键名。

Cookie 是小甜饼的意思。

  • cookie 确实非常小，它的大小限制为 4KB 左右。
  • 一般由服务器生成，可设置失效时间。如果在浏览器端生成 Cookie ，默认是关闭浏览器后失效。
堂 wechat
欢迎关注我的微信公众号，里面有各种小故事哦！
坚持原创技术分享，您的支持将鼓励我继续创作！