浏览器本地存储 locatStorage & sessionStorage

目录

1. 本地存储

2. localStorage

3. sessionStorage

4. 语法

---

1. 本地存储

        +  在 JS 内，有两个浏览器的本地存储

        +  localStorage 永久存储

        +  sessionStorage 回话存储(关闭浏览器清除)

        +  属于浏览器级别内容，所有页面可以访问

2. localStorage

        +  设置：window.localStorage.setItem(key, value)

        +  修改：第二次设置同一个名字就是修改

        +  获取：window.localStorage.getItem(key)

        +  返回值：有，就是数据对应的值；没有，就是 null

        +  删除：window.localStorage.removeItem(key)

3. sessionStorage

        +  设置：window.sessionStorage.setItem(key, value)

        +  修改：第二次设置同一个名字就是修改

        +  获取：window.sessionStorage.getItem(key)

        +  返回值：有，就是数据对应的值；没有，就是 null

        +  删除：window.sessionStorage.removeItem(key)

4. 语法

// 设置
window.localStorage.setItem('a', 100)
// 修改
window.localStorage.setItem('a', 200)
// 获取
const res = window.localStorage.getItem('a')
console.log(res)
// 删除
window.localStorage.removeItem('a')