2.WebStorage.md

Table of Contents generated with DocToc

• 简述
• Storage 使用方法 API
• 不同的 Storage
• 监听变化

简述

Web Storage 的第 2 版定义了两个对象： localStorage 和 sessionStorage。 localStorage 是 永久存储机制， sessionStorage 是跨会话的存储机制。这两种浏览器存储 API 提供了在浏览器中不 受页面刷新影响而存储数据的两种方式。

Storage 使用方法 API

所有 Storage 的方法都是同步的，Storage 数据都是按域划开的，不同域之间不共享

• clear()：删除所有值；不在 Firefox 中实现。
• getItem(name)：取得给定 name 的值。也可以使用属性语法取得
• key(index)：取得给定数值位置的名称。
• removeItem(name)：删除给定 name 的名/值对
• setItem(name, value)：设置给定 name 的值

不同的 Storage

• localStorage：永久存储，不过期
• sessionStorage：会话存储，关闭浏览器后会清空

监听变化

对于 sessionStorage 和 localStorage 上的任何更改都会触发 storage 事件，但 storage 事 件不会区分这两者。

window.addEventListener("storage", (event) =>
  alert("Storage changed for ${event.domain}")
);