Fork me on GitHub

localStorage使用

概述

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');

浏览器兼容性

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
localStorage43.5810.504
sessionStorage52810.504

参考资料

Window.localStorage

FallSea wechat
欢迎您扫一扫上面的微信公众号,订阅我的博客!
坚持原创技术分享,您的支持将鼓励我继续创作!