1,localStorage的操作方法,比较常用的有setItem、getItem和removeItem等
(1)setItem存储value
用途:将value存储到key字段
用法:.setItem( key, value)
代码示例:
localStorage.setItem("key", "value");
key是将要存储到本地的值的键名,自己随意取名。
value 就是将要存的值了,
(2)getItem获取value
用途:获取指定key本地存储的值
用法:.getItem(key)
代码示例:
var site = localStorage.getItem("key");
或者
var site = localStorage.getItem.key;
就可以得到键key对应的值
(3)removeItem删除key
用途:删除指定key本地存储的值
用法:.removeItem(key)
代码示例:
localStorage.removeItem("key");
(4)clear清除所有的key/value
用途:清除所有的key/value
用法:.clear()
代码示例:
localStorage.clear();
2,存储和取出json对象
JSON数据存储在本地,需调用JSON.stringify()将其转为字符串。读取出来后调用JSON.parse()将字符串转为json格式。
如写入的时候:
var json_data = {id:12,name:"yang",sex:"男"};
storage.setItem("json_data",JSON.stringify(json_data));
读取的时候:
var json_data = JSON.parse(storage.getItem("json_data"));
相关推荐
html 5 localStorage本地存储
提供get,set,del方法,快捷在本地存储数据,所有浏览器通用(不支持localstorage的,使用cookie保存)
Vue2.0 V1.0的增删改查功 全选单选与取消全选选项, 使用了localStorage本地存储数据和watch深度监听数据选项变化。TodoList完善版。 用于学习的小Demo. TodoList 传值学习,父传子 子传孙 子传父 传值等学习,全选...
1. localStorage是本地存储,存储期限不限; 2. sessionStorage会话存储,页面关闭数据就会丢失。 使用方法: localStorage.setItem(“key”,“value”)//存储 localStorage.getItem(key)//按key进行取值 ...
前端经典——localstorage本地存储demo
此文档主要是通过html5实现本地存储的,欢迎大家下载
我们在做页面时会用到本地存储的时候,今天说说localStorage本地存储。 1、localStorage.name=老王; //第一种设置存储本地数据的方法localStorage 2、localStorage.setItem(color,red); //第二种设置存储本地数据...
本篇文章主要介绍了HTML5 LocalStorage 本地存储 ,HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上,并再以后需要的时候进行获取。有兴趣的可以了解一下。
主要介绍了基于bootstrap写的一点localStorage本地储存,需要的朋友可以参考下
store.js:本地存储localstorage的封装,提供简单的API,没有依赖
(1) LocalStorage浏览器本地存储使用案例 (2) Echart 堆叠柱状图 (3) Echart 矩形数图
主要介绍了HTML5 LocalStorage 本地存储,给标签元素添加属性和浏览器兼容性都做了详细概括,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。
支持设置过期时间的本地存储localstorage
在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的...
主要介绍了AngularJS之ionic 框架下实现 Localstorage本地存储,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
一个本地存储工具,通过相同的api去支持localStorage和sessionStorage
html5开发