美文网首页
localStorage使用

localStorage使用

作者: Jay_Chen | 来源:发表于2017-04-21 09:28 被阅读61次

    localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。

    localStorage 方法

    1、存储:localStorage.setItem(key,value)
    如果key存在时,更新value

    设值:
    localStorage.setItem("hello", "world");
    使用 key="hello" 和 value="world" 创建一个 localStorage 键/值对

    2、获取:localStorage.getItem(key)
    如果key不存在返回null

    取值:
    localStorage.getItem("hello");

    3、删除:localStorage.removeItem(key)
    一旦删除,key对应的数据将会全部删除

    localStorage.removeItem("keyname");

    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) 将数据解析成对象,返回解析后的对象

    function storage_object (object)
    {
    localStorage.setItem(object,JSON.stringify(object));
    }

    相关文章

      网友评论

          本文标题:localStorage使用

          本文链接:https://www.haomeiwen.com/subject/vrbczttx.html