cookie
- 有时间限制
- 储存大小大约为几KB
本篇重点在于localStorage,因此这里就不详细介绍cookie
localStorage 本地存储
- 没有时间限制
- 只要不手动清除,数据一直存在
- 存储大小约为几MB
存数据
localStorage.setItem(key,value)
这里的value只能是基本数据类型,如果存储的value不是基本类型,可以使用JSON.stringify()进行转换
localStorage.setItem('user','password')
取数据
localStorage.getItem(key)
console.log(localStorage.getItem('user'));//password
通过索引获取key
localStorage.key(index)
console.log(localStorage.key(0));//use
移除数据
localStorage.removeItem(key)
console.log(localStorage.removeItem('user'));
清空数据
localStorage.clearItem() 将本地存储数据全部清空
sessionStorage 会话存储
- 没有时间限制
- 页面关闭的时候清除
- 存储大小约为几MB
用法同locaStorage(setItem()、getItem()、removeItem()、key()、clear())
sessionStorage.setItem('baidu','baidu.com')