526互联

【JavaScript21】关于Storage

发布时间 2023-08-07 21:54:02作者: Tony_xiao

  • 本地存储. 存储在浏览器端的数据. 可以理解成一个小型的非关系型数据库.

  • localStorage和sessionStorage

    • 这俩玩意使用上是一样的. 区别在于. 一个是永久存储一个是临时存储.
    • localStorage 永久存储
    • sessionStorage 临时存储, 浏览器关闭后. 数据就没了.
    • document.cookie也是本地存储.
    • cookie的本质是一个超大号字符串. 有失效时间的.

  • document.cookie可以写入到浏览器的cookie中

    • 想要获取cookie可以通过document.cookie直接获取. 但是如果是httponly的cookie, 是拿不到的.

  • Storage 存储

// localStorage  > 大号字典 > 永久存储
// sessionStorage > 大号字典 > 临时存储 关闭浏览器的时候. sessionStorage中的数据被清空.

// 本地存储 => 理解成全新的cookie
// 存储数据
// localStorage.setItem("xwl", "帅气逼人的xwl");
// sessionStorage.setItem("xwl", "超级帅气逼人的xwl");

// 获取数据
// localStorage.getItem("xwl");
// sessionStorage.getItem("xwl");