1.JSON的使用:
结合JSON.stringify使用更强大 var person = {'name': 'rainman', 'age': 24};
localStorage.setItem("me", JSON.stringify(person)); JSON.parse(localStorage.getItem('me')).name; // 'rainman' JSON.stringify,将JSON数据转化为字符串 JSON.stringify({'name': 'fred', 'age': 24});// '{"name":"fred","age":24}' JSON.stringify(['a', 'b', 'c']); // '["a","b","c"]' JSON.parse,反解JSON.stringify JSON.parse('["a","b","c"]') // ["a","b","c"]
2. .setItem的使用:
localStorage.setItem(8 , 24); localStorage.setItem("Spy","pigerla.com"); localStorage.setItem("array",[1,2,3,4,5]); localStorage.getItem("array"); 输出:"1,2,3,4,5" localStorage.getItem(8); 输出:"24" localStorage.getItem("Spy"); 输出:"pigerla.com" localStorage.getItem(24); 输出:null localStorage.getItem("pigerla.com"); 输出:null localStorage.setItem("UserName","张三");//将UserName存进去 if(localStorage.getItem("UserName"))//假如存进去了 { console.log(localStorage.getItem(“UserName”));//打印出来样子 } //注意: 因为localStorage存储进去的都是string类型,所以如果要存json记得存前读后做些处理 var myJson={“UserName”,”黄大帅哥”}; localStorage.setItem(“MyJson”,JSON.stringify(myJson));//将myJson存进去,记得JSON.stringify转成字符串 var getmyJson=JSON.parse(storage.getItem(“MyJson”));//取出来的是字符串,记得JSON.parse还原一下
3.localStorage的赋值取值:
localStorage.a = 3;//设置a为"3" localStorage["a"] = "sfsf";//设置a为"sfsf",覆盖上面的值 localStorage.setItem("b","isaac");//设置b为"isaac" var a1 = localStorage["a"];//获取a的值 var a2 = localStorage.a;//获取a的值 var b = localStorage.getItem("b");//获取b的值 localStorage.removeItem("c");//清除c的值 清除键值对使用removeItem()。如果希望一次性清除所有的键值对,可以使用clear()。 key()方法,可以在不知道有哪些键值的时候使用,
相关推荐
今天突发奇想,如果能用HTML5本地存储实现,就会大大增高程序效率。当然,HTML5 本地存储涉及到各个浏览器的兼容性,涉及存储数据的大小(NKB)等问题。在这儿需要说明的是:如果你做一个不大不小的微商城项目,那么你...
HTML5本地存储之数据库
HTML5本地存储不完全指南 HTML5 本地存储
用HTML5 本地存储方案做的一个公告展示模块
HTML5 LocalStorage和UserData实现兼容多浏览器的本地存储
shinyStore, R 软件包,将HTML5本地存储支持添加到 Shiny shinyStoreshinyStore 包使得闪亮的应用开发者可以利用HTML5本地存储在用户的浏览器中存储持久的。同步的数据。安装你可以以使用 of R 包安装代码的最新开发...
一个本地数据库(Web SQL Database)实现的通信录;介绍怎样创建打开数据库,创建表,添加数据,更新数据,删除数据,删除表 等等。
html5-本地存储,哈哈,希望对喜爱html5的同学有帮助啊!
本文实例讲述了JS+HTML5本地存储Localstorage实现注册登录及验证功能。分享给大家供大家参考,具体如下: 源码引用的js、jquery都是在线的,代码拷到本地就能运行 登录: <html ng-app="ionicApp"> <head...
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的,区别在于 sessionStorage 在关闭页面后即被清空,而 localStorage 则会一直保存。我们这里以 localStorage 为例,简要介绍下 ...
本地存储(localStorage && sessionStorage) 离线缓存(application cache) indexedDB 和 webSQL 2、localStorage && sessionStorage 过期时间:localStorage 永久存储,永不失效除非手动删除 ...
本例详细演示了数据库创建 表格创建 数据增删查改 删除表格各种功能
HTML5的本地存储:localStorage,sessionStorage及storage的监听器
主要介绍了HTML5本地存储和本地数据库实例详解,需要的朋友可以参考下
利用HTML本地 本地数据库 将原本要保存在服务器端的数据转移到了客户端
在上一篇《HTML5本地存储之Web Storage篇》中,简单介绍了如何利用localStorage实现本地存储;实际上,除了sessionStorage和localStorage外,HTML5还支持通过本地数据库进行本地数据存储,HTML5采用的是SQLLite这种...
NULL 博文链接:https://liuna718-163-com.iteye.com/blog/2178433