• Html5本地存储LocalStorage


    HTML5 提供了两种在客户端存储数据的新方法:

    • localStorage - 没有时间限制的数据存储
    • sessionStorage - 针对一个 session 的数据存储

    在浏览器中打开审查元素(如谷歌F12),在Resources下面可以查看里面的数据。

    localStorage提供了几个方法:
    1、存储:localStorage.setItem(key,value);或localStorage.key="value";
    如果key存在时,更新value
     
    2、获取:localStorage.getItem(key);或localStorage.getItem("key");
    如果key不存在返回null
     
    3、删除:localStorage.removeItem(key)
    一旦删除,key对应的数据将会全部删除
     
    4、全部清除:localStorage.clear()
    某些时候使用removeItem逐个删除太麻烦,可以使用clear,执行的后果是会清除所有localStorage对象保存的数据
     
    5、遍历localStorage存储的key
    .length 数据总量,例:localStorage.length
    .key(index) 获取key,例:var key=localStorage.key(index);
     
    6、存储JSON格式数据
    JSON.stringify(data)  将一个对象转换成JSON格式的数据串,返回转换后的串
    JSON.parse(data) 将数据解析成对象,返回解析后的对象
     
    SessionStorage的用法类似。
    备注:localStorage存数的数据是不能跨浏览器共用的,一个浏览器只能读取各自浏览器的数据,储存空间5M。
  • 相关阅读:
    4-数组、指针与字符串1.3-this指针
    Linux命令----cp
    Linux命令----mv
    Linux命令----rm
    PHP7下的协程实现 转
    php生成器 yield 转
    python并发编程之多进程(实践篇) 转
    python 多进程
    线程创建 线程数
    多任务 执行
  • 原文地址:https://www.cnblogs.com/tangshiguang/p/6762975.html
Copyright © 2020-2023  润新知