首页 > 电脑专区 > 电脑教程 >

localstorage怎么用

来源:互联网 2023-02-21 23:07:43 版权归原作者所有,如有侵权,请联系我们

localStorage是HTML5提供的客户端存储数据的新方法,LhO办公区 - 实用经验教程分享!

localstorage怎么用LhO办公区 - 实用经验教程分享!

工具/原料

  • 一个不太古老的浏览器(ie8以上)

兼容性

  • 1

    在caniuse上查询发现localStorage可以支持所有主流浏览器,大部分项目可以放心使用,如果要兼容ie6,ie7,可以自己封装一个localStorage对象,用userData实现。LhO办公区 - 实用经验教程分享!

    localstorage怎么用LhO办公区 - 实用经验教程分享!

  • 1本页面未经授权抓取自百度经验
  • 在浏览器控制台查看

  • 1

    在浏览器控制台的Resource标签可以看到当前页面的所有localStorage数据。LhO办公区 - 实用经验教程分享!

    localstorage怎么用LhO办公区 - 实用经验教程分享!

  • 2

    双击或者点右键可以对右边的数据中的key或者value进行编辑。LhO办公区 - 实用经验教程分享!

    localstorage怎么用LhO办公区 - 实用经验教程分享!

    localstorage怎么用LhO办公区 - 实用经验教程分享!

  • 3

    点右键或者左下方都可以对一条数据进行删除。LhO办公区 - 实用经验教程分享!

    localstorage怎么用LhO办公区 - 实用经验教程分享!

  • Map式的存取

  • 1

    就像使用Map一样,存储setItem,取值与更新getItem,删除removeItemLhO办公区 - 实用经验教程分享!

    localstorage怎么用LhO办公区 - 实用经验教程分享!

  • 对象式的存取

  • 1

    就像使用一个普通的js对象一样,可以直接对对象的属性进行设置,只不过比起来普通js对象,它是持久的。LhO办公区 - 实用经验教程分享!

    localstorage怎么用LhO办公区 - 实用经验教程分享!

  • 只能存取字符串

  • 1

    当你存一条数据时使用的值不是字符串,不会报错,但是浏览器会使用toString方法把你要储存的对象转换为字符串。比如一个对象转化为无法还原的“[object Object]”。LhO办公区 - 实用经验教程分享!

    localstorage怎么用LhO办公区 - 实用经验教程分享!

  • 2

    解决办法是在存取时分别使用JSON.stringify与JSON.parse方法LhO办公区 - 实用经验教程分享!

    localstorage怎么用LhO办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!LhO办公区 - 实用经验教程分享!


    标签: JAVASCRIPT浏览器

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号