HTML5遍历localStorage数据
来源:互联网 发布:云购cms qq回调地址 编辑:程序博客网 时间:2024/05/22 13:16
主要用到localStorage的两个方法lenght和key。
//从0开始,长度为4的子字符串是否为test
//然后这里再取出值
length表示localStorage中保存的数据总量,key表示保存数据时的键名项,该属性通常与索引号配合使用,表示第几条键名对应的数据记录,索引号是以0开始。
【清除localStorage中的数据用localStorage.clear()方法】
小例子,如图,做一个点击发表按钮将内容存入localStorage中,然后实时填充到上门的表格中。
- 获取数据并存储
- 取出数据显示
注意:
由于localStorage不仅仅是存储了这里所添加的信息,可能还存在其它信息,但是那些信息的键名也是以递增数字形式表示的,这样如果这里也用纯数字就可能覆盖另外一部分的信息,所以建议键名都用独特的字符区分开,这里我在每个ID前加上test以示区别。
这时怎么获取localStorage里面我想要提取的键名对应的信息?
可以加上判断。获取键名时,截取键名前几个字符判断是否为存入时设定的。
如上面获取的getKey可能是1,2,3,test1,test2...
if(getKey.substring(0,4)=="test"){
}
在Chrome下看localStorage存储的信息,只取出key包含test的。
0 0
- HTML5遍历localStorage数据
- HTML5遍历localStorage数据
- (转)HTML5遍历localStorage数据
- HTML5应用localStorage保存数据
- [HTML5]数组数据localStorage存储
- html5 sessionStorage和localStorage迭代遍历
- HTML5存储数据--localStorage长期保存数据
- HTML5 LocalStorage 本地存储JSON数据
- HTML5 LocalStorage 本地存储JSON数据
- HTML5中的数据存储localStorage和sessionStorage
- HTML5 LocalStorage 本地存储JSON数据
- HTML5 Web存储数据(localStorage,sessionStorage)
- html5 localStorage
- html5 LocalStorage
- HTML5 localStorage
- HTML5 localStorage
- HTML5 localStorage
- HTML5:localStorage
- C++const注意点以及用法
- Java NIO详细分析
- python next()完成后引发StopIteration异常
- 几个网址
- 安装Numpy,scipy,matlotlib,scikit_learn
- HTML5遍历localStorage数据
- SELECT /*!40001 SQL_NO_CACHE */ * INTO OUTFILE '/tmp/ClientActionTrack2015112511.txt' 不堵塞事务
- 深入分析 iBATIS 框架之系统架构与映射原理
- 在Android Lollipop上使用JobScheduler API
- Asynchttpurlconnection 网络框架 (HttpURLConnection+newCachedThreadPool)
- 程序员:你知道自己的编程水平吗?
- 退回本页时,刷新本页
- LeetCode 337. House Robber III 题解
- 使用httpclient必须知道的参数设置及代码写法、存在的风险