浅析HTMl5中的Web Storage:sessionStorage和localStorage
来源:互联网 发布:数据库怎么输入查询 编辑:程序博客网 时间:2024/05/16 10:31
前言
html5
中的Web Storage
包括了两种存储方式:sessionStorage
和localStorage
,他们均只能存储字符串类型的对象,并且操作方式相同。
其中,sessionStorage
数据的存储仅特定于某个会话中这些数据,只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁;相反,localStorage
生命周期是永久,除非主动清除localStorage信息,否则将会一直存在。
在实际项目使用过程中,我们主要会使用localStroage
.
操作方法
- localStorage存储方法
localStorage.key = 'value'localStorage[key] = 'value'localStorage.setItem('key','value');//三种操作方式皆可
- localStorage获取值方法
let value = localStorage.keylet value = localStorage[key]let value = localStorage.getItem('key');//三种操作方式皆可
- localStorage清值方法
localStorage.removeItem('key');//移除值localStorage.key='';//设置值为空
拓展
由于sessionStorage
和localStorage
,他们均只能存储字符串类型的对象,如果需要存储对象,则需要使用JSON.stringify()
方法先将其转换为字符串类型,然后再进行存储;如果需要将对象取出并使用,则需要使用JSON.parse()
方法将取出的值从新转化为对象。
例如我们存储一个JSON:
let Test = {message:hello}localStorage.setItem('test',JSON.stringify(Test))//存储时先将其转化为字符串然后进行存储Test = JSON.parse(localStorage.getItem('test'))//取值时需要先将其取出然后转化为对象
查看更多博客请点击进入我的个人博客
0 0
- 浅析HTMl5中的Web Storage:sessionStorage和localStorage
- html5中的Web Storage:sessionStorage和localStorage
- html5中的Web Storage特性:sessionStorage和localStorage
- html5中的Web Storage(sessionStorage、localStorage)
- HTML5中的Web Storage(sessionStorage||localStorage)理解与简单实例
- html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。
- 【html5】Web Storage本地存储 sessionStorage/localStorage
- html5中的sessionStorage和localStorage。
- Web Storage:sessionStorage与localStorage
- Web Storage:sessionStorage与localStorage
- html5 web缓存localStorage和sessionStorage
- HTML5 Web存储之localStorage和sessionStorage
- HTML5中的数据存储localStorage和sessionStorage
- HTML5 sessionStorage和localStorage
- HTML5 Web存储 sessionStorage localStorage
- HTML5中的本地存储sessionStorage、localStorage、Web SQL Database
- HTMl5的sessionStorage和localStorage
- HTMl5的sessionStorage和localStorage
- Rendering Problems 问题解决
- 创建Lists与Cards
- 1622-5 孔富晨 总结《2016年12月13日》 【连续第74天总结】
- Java自定义JRadioButton(重绘)
- Android布局优化之使用style提取重复使用属性
- 浅析HTMl5中的Web Storage:sessionStorage和localStorage
- 数字接龙
- Mybatis中用OGNL表达式处理动态sql
- [Canvas系列]Canvas填充与渐变_03
- bootstrap时间插件
- 遍历几种常见格式的json、AJAX和json
- Cassandra 设计模式(第二版)_前言
- 《C++ Primer Plus(第六版)》(11)(第八章 函数探幽 复习题答案)
- Android开发 安卓中常用设计模式总结