本地存储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')

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

window.localStorage.removeItem('txtCon')

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

window.localStorage.clear()

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