JS-本地存储

HTML5提出的新规范

 

本地存储的特性

1. 数据存储在用户的浏览器中

2. 容量大，sessionStorage 大约5M、localStorage 大约 20M

3. 只能存储字符串，可以将对象JSON.stringify()后存入

 

sessionStorage

1. 生命周期为直到用户关闭浏览器窗口

2. 在同一个窗口下数据可以共享

3. 以键值对形式存储

下面介绍几个sessionStorage的方法

//存储数据
sessionStorage.setItem(key,value)
//key是字段的名称

// 获取数据
sessionStorage.getItem(key)

//删除数据
sessionStorage.removeItem(key)

//删除所有数据
sessionStorage.clear()

 

localStorage

1. 生命周期为永久，除非手动删除，否则关闭页面也会存在

2. 可以多窗口共享数据（同一浏览器就可以）

3. 同样以键值对形式存储

 

调用方法与sessionStorage完全一样