web浏览器存储方式之localStorage、sessionStorage

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