LocalStorage和SessionStorage的用法

原文地址：本地存储LocalStorage和SessionStorage的用法_3.4.的博客-CSDN博客_localstorage sessionstorage

本地存储LocalStorage和SessionStorage的用法
LocalStorage的特点
1.LocalStorage的存储大小一般为5M
2.LocalStorage的存储类型为字符串
3.LocalStorage的存储时间是永久的，若想要删除，需要人为删除

LocalStorage的常用方法
1.存储数据：localStorage.setItem(“自定义数据名”, 数据)
setItem()，有两个参数，第一个参数为存储的数据名，这个名字是自定义的名称。第二个是要存储的数据。

if (!window.localStorage) {
    console.log('不支持localStorage')
  } else {
    let txt = "holle!"
    window.localStorage.setItem('txtCon', txt) 
  }

2.取存储的本地数据：localStorage.getItem(“存储数据的数据名”)
getItem()，只有一个参数，参数是存储数据的数据名，也就是setItem中的第一个参数。

 window.localStorage.getItem('txtCon')
1
3.删除指定的本地数据：localStorage.removeItem(“存储数据的数据名”)
removeItem()，也是一个参数，这个用法和getItem()是一样的，只是一个获取本地数据，一个是删除本地数据。

window.localStorage.removeItem('txtCon')
1
4.删除当前域名下所有内容：localStorage.clear()
clear()，没有参数，直接清除当前域名下所有内容

window.localStorage.clear()
1
LocalStorage的局限性
1.LocalStorage在IE浏览器中，IE8以上才支持LocalStorage。
2.LocalStorage在浏览器的隐私模式下无法读取。
3.LocalStorage存储的类型仅限于string类型，所以在存储其他类型的时候需要相应的转化。

查看LocalStorage

SessionStorage的用法
SessionStorage的用法和LocalStorage用法基本上一样，唯一的区别就是localStorage属于永久性存储，而sessionStorage属于当会话结束的时候，sessionStorage中的键值对会被清空。

 

1.存储数据：sessionStorage.setItem(“自定义数据名”, 数据)
2.取存储的本地数据：sessionStorage.getItem(“存储数据的数据名”)
3.删除指定的本地数据：sessionStorage.removeItem(“存储数据的数据名”)
4.删除当前域名下所有内容：sessionStorage.clear()