localStorage#

• 生命周期永久生效,除非手动删除 否则关闭页面也会存在

• 可以多窗口（页面）共享（同一浏览器可以共享）

• 以键值对的形式存储使用

  1//存储数据：
  2localStorage.setItem(key, value)
  3
  4//获取数据：
  5localStorage.getItem(key)
  6
  7//删除数据：
  8localStorage.removeItem(key)
  • 注意：字符串要放在''内

• 本地查看,以谷歌浏览器为例：右键单击-检查-Application-Local Storage

• 存储复杂数据类型存储

  • 本地只能存储字符串,无法存储复杂数据类型.需要将复杂数据类型转换成JSON字符串,再存储到本地

  • JSON.stringify(复杂数据类型)

    • 将复杂数据转换成JSON字符串 存储 本地存储中

    1let obj = {
    2		uname: '小苏同学',
    3		age: 18,
    4		address: '沈阳师范大学'
    5	}
    6	localStorage.setItem('obj', JSON.stringify(obj))

  • JSON.parse(JSON字符串)

    • 将JSON字符串转换成对象 取出 时候使用

    1console.log(JSON.parse(localStorage.getItem('obj')))