HTML5移动开发实战必备知识——本地存储(2)
2017-07-25 13:22
302 查看
了解了一些主要的本地存储使用方法和思想后。我们来系统的介绍一下本地存储。
本地存储分为三大类: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使用方法。
本地存储分为三大类: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使用方法。
相关文章推荐
- HTML5移动开发实战必备知识——本地存储(2)
- HTML5移动开发实战必备知识——本地存储(1)
- HTML5移动开发实战必备知识——本地存储(1)
- html5本地存储localStorage实战(1)(转)
- html5本地存储localStorage实战(2)(转)
- 跨平台移动开发实战(九)------移动端本地存储方案
- 跨平台移动开发实战(九)------移动端本地存储方案
- html5本地存储
- HTML5本地存储——IndexedDB(一:基本使用)
- HTML5 LocalStorage 本地存储
- HTML5本地存储
- SQL点滴17—使用数据库引擎存储过程,系统视图查询,DBA,BI开发人员必备基础知识
- html5 离线存储 地理信息与本地存储
- 关于HTML5本地缓存技术LocalStorage 本地存储 和 SessionStorage
- HTML5本地存储之Web Storage详解
- HTML5 LocalStorage 本地存储
- HTML5中Web Storage本地存储
- [转]HTML5 本地存储
- HTML5特性 > 本地储存 >检测是否支持本地存储(Local Storage,sessionStorage)
- HTML5本地存储——Web SQL Database