-
WEB前端
站-
热门城市 全国站>
-
其他省市
-
-
400-636-0069
沉沙
2018-07-16
来源 ：
阅读 1073
评论 0
摘要：了解了一些基本的本地存储用法和思想后，我们来系统的介绍一下本地存储。希望阅读本篇文章以后大家有所收获，帮助大家对HTML5的理解更加深入。
了解了一些基本的本地存储用法和思想后，我们来系统的介绍一下本地存储。
本地存储分为三大类：localStorage/sessionStorage/本地数据库
localStorage和sessionStorage二者的用法、所包含的函数、调用方法等都是相同的，二者仅仅是含义不同。其中，localStorage所存储的数据是长期有效的，而sessionStorage所存储的信息当每个会话（session）关闭时就会销毁（通俗的说就是页面关闭后数据自动销毁）。
由于二者的特性不同，因此应用的场景也有很大区别。通常，当我们需要存储一些用户配置项等一些需要长时间存储的数据信息时，需要使用localStorgae进行保存，利用了其时效长的特点。相应的，当我们需要实现类似购物车等基于session的功能时，就需要使用sessionStorage。
由于localStorage和sessionStorage的用法相同，因此我们以localStorage为例，介绍二者的方法。
1、 设置数据setItem
用法为localStorage.setItem(“key”, “value”)，表示将value值传递给key。(sessionStorage.setItem使用方法同理，下面不再一一介绍)
2、 获取数据getItem
用法为localStorage.getItem(“key”)，只要输入相应的key值，就可以从中取出对应的value值。
3、 删除特定的数据removeItem
用法为localStorage.removeItem(key)，删除key对应的数据。
4、 清空所有数据clear
用法为localStorage.clear()，表示清空所有存储系统中的数据。
以上就是一些最基本的sessionStorage/localStorage用法。
本文由职坐标整理并发布，了解更多内容，请关注职坐标WEB前端HTML5/CSS3频道！
喜欢 | 0
不喜欢 | 0
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了，明天再试试吧！
我们会在第一时间安排职业规划师联系您！
您也可以联系我们的职业规划师咨询：
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com，All Rights Reserved.
沪公网安备 31011502005948号
索取资料
答疑解惑
技术交流
职业测评
面试技巧
高薪秘笈
