zoukankan      html  css  js  c++  java
  • 本地存储

    本地存储特性

    1. 数据存储在用户浏览器中
    2. 设置、读取方便、甚至页面刷新不丢失数据
    3. 容量较大,sessionStorage约5M、localStorage约20M
    4. 只能存储字符串,可以将对象JSON.stringgify()编码后存储

    window.sessionStorage

    1. 生命周期为关闭浏览器窗口
    2. 在同一个窗口(页面)下数据可以共享
    3. 以键值对的形式存储使用

    存储数据:

    sessionStorage.setItem(key,value)
    

    获取数据:

    sessionStorage.getItem(key)
    

    删除数据:

    sessionStorage.removeItem(key)
    

    删除所有数据:

    sessionStorage.clear()
    

    window.localStorage

    1. 生命周期永久生效,除非手动删除,否则关闭页面也会存在
    2. 可以多窗口(页面)共享(同一浏览器可以共享)
    3. 以键值对的形式存储使用

    存储数据:

    localStorage.setItem(key,value)
    

    获取数据:

    localStorage.getItem(key)
    

    删除数据:

    localStorage.removeItem(key)
    

    删除所有数据:

    localStorage.clear()
    
  • 相关阅读:
    闭包问题小总结
    git常用命令总结
    数组对象方法的使用
    JS截取URL参数
    CSS清除浮动&内容居中&文字溢出
    网址大全
    any more
    下载网页视频
    下载无损音乐
    "前端" 宝藏网站
  • 原文地址:https://www.cnblogs.com/actorhuang/p/13596522.html
Copyright © 2011-2022 走看看