HTML5 本地存储 localStorage、sessionStorage 的遍历、存储大小限制处理
来源:互联网 发布:linux入门视频 编辑:程序博客网 时间:2024/06/09 20:55
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的,区别在于 sessionStorage 在关闭页面后即被清空,而 localStorage 则会一直保存。我们这里以 localStorage 为例,简要介绍下 Html5 的本地存储,并针对如遍历等常见问题作一些示例说明。 localStorage 是 HTML5 本地存储的 API,使用键值对的方式进行存取数据,存取的数据只能是字符串。不同浏览器对该 API 支持情况有所差异,如使用方法、最大存储空间等。
1. localStorage API 基本使用方法
localStorage API 使用方法简单易懂,如下为常见的 API 操作及示例: 设置数据:localStorage.setItem(key,value); 示例:
- 1
- 2
- 3
- 1
- 2
- 3
获取数据:localStorage.getItem(key) 获取全部数据:localStorage.valueOf() 示例:
- 1
- 2
- 3
- 1
- 2
- 3
删除数据:localStorage.removeItem(key) 示例:
- 1
- 2
- 3
- 1
- 2
- 3
清空全部数据:localStorage.clear() 获取本地存储数据数量:localStorage.length 获取第 N 个数据的 key 键值:localStorage.key(N).
2. 遍历 key 键值方法
- 1
- 2
- 3
- 1
- 2
- 3
3. 存储大小限制测试及异常处理
3.1 数据存储大小限制测试
不同浏览器对 HTML5 的本地存储大小基本均有限制,一个测试的结果如下:
- 1
- 2
- 3
- 4
- 5
- 1
- 2
- 3
- 4
- 5
测试代码参考:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
3.2 数据存储异常处理
阅读全文
0 0
- HTML5 本地存储 localStorage、sessionStorage 的遍历、存储大小限制处理
- HTML5 本地存储 localStorage、sessionStorage 的遍历、存储大小限制处理
- HTML5 本地存储 localStorage、sessionStorage 的遍历、存储大小限制处理
- html5本地存储-sessionStorage,localStorage的使用
- HTML5本地存储localStorage、sessionStorage的使用
- HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等
- HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等
- html5 本地存储-sessionStorage localStorage 本地数据库
- HTML5 本地存储 localStorage SessionStorage StorageListener- 2
- HTML5 LocalStorage本地存储和sessionStorage使用
- HTML5本地存储-localStorage和sessionStorage
- HTML5本地存储:SessionStorage, LocalStorage, Cookie
- HTML5 LocalStorage本地存储和sessionStorage使用
- HTML5本地存储 -sessionStorage localStorage 总结
- html5本地存储localStorage与sessionStorage详解
- 【html5】Web Storage本地存储 sessionStorage/localStorage
- HTML5本地存储 LocalStorage和SessionStorage
- HTML5本地存储:SessionStorage, LocalStorage, Cookie
- linux logrotate备份日志
- Linux-鸟菜-6-文件与目录管理
- Linux DNS查看以及dig命令使用
- flume事务解析
- 常用文本控件
- HTML5 本地存储 localStorage、sessionStorage 的遍历、存储大小限制处理
- CSS小白入门笔记(1)
- 守护进程
- JS用for循环调用函数小例子
- 如何快速转载CSDN中的博客
- docker run命令概述及Docker容器的两种运行模式
- 常用控件
- Making WinDbg Your Friend
- 欢迎使用CSDN-markdown编辑器