localStorage使用

发表于 分类于 阅读次数： 本文字数： 222 阅读时长 ≈ 1 分钟

概述

localStorage 属性允许你访问一个 local Storage 对象。localStorage 与 sessionStorage 相似。不同之处在于，存储在 localStorage 里面的数据没有过期时间（expiration time），而存储在 sessionStorage 里面的数据会在浏览器会话（browsing session）结束时被清除，即浏览器关闭时。

应该注意的是，无论是 localStorage 还是 sessionStorage 中保存的数据都仅限于该页面的协议。

语法

1
2
3
4
5
6
7
8
9
10
11
// 保存数据到localStorage
localStorage.setItem('key', 'value');

// 从localStorage获取数据
var data = localStorage.getItem('key');

// 从localStorage删除保存的数据
localStorage.removeItem('key');

// 从localStorage删除所有保存的数据
localStorage.clear();

示例

下面的代码访问当前域名下的 local Storage 对象，并使用 Storage.setItem() 方法往里面添加一个数据项。

1
localStorage.setItem('myCat', 'Tom');

浏览器兼容性

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
localStorage 4 3.5 8 10.50 4
sessionStorage 5 2 8 10.50 4

参考资料

Window.localStorage