LocalStorage和SessionStorage区别

143

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