html5中localStorage本地存储的简单使用
我要评论（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
我们在做页面时会用到本地存储的时候，今天说说localStorage本地存储。
1、localStorage.name="老王"; //第一种设置存储本地数据的方法localStorage
2、localStorage.setItem("color","red"); //第二种设置存储本地数据的方法
3、localStorage.removeItem("name"); //删除本地存储数据
4、localStorage.name //获取本地数据
localStorage.getItem("set") //另一种获取本地数据的方法
5 localStorage.key(0) //获取前面保存数据的名称 括号中的数值和数组相同
6、localStorage.clear() //清除所有本地存储的数据
7、localStorage.setItem("set1","{'name':'小李','age':'1314'}") //保存为json格式,1、节省条数 2、提取方便
8、var price=localStorage.getItem("set1") // 获取保存的本地数据
obj=eval('('+price+')') //将json格式字符串转换为对象
alert(obj.age) //调用其中的值
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
localStorage.name="杜人龙";
localStorage.name="小花"; //第一种设置本地数据的方法
localStorage.setItem("set","小菊"); //第二种设置本地数据的方法
localStorage.setItem("set1","{'name':'小李','age':'1314'}") //保存为json格式
localStorage.removeItem("name"); //删除本地存储数据
alert(localStorage.name) //获取本地数据
alert(localStorage.getItem("set")) //另一种获取本地数据的方法
alert(localStorage.key(0)) //获取前面保存数据的名称 括号中的数值和数组相同
var price=localStorage.getItem("set1")
obj=eval('('+price+')')
alert(obj.age)
localStorage.clear() //清楚本地所有数据
</script>
</body>
</html>
存储位置
以上所述是小编给大家介绍的html5中localStorage本地存储的简单使用，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对程序员之家网站的支持！
相关文章
html5超简单的localStorage实现记住密码的功能实现
这篇文章主要介绍了html5超简单的localStorage实现记住密码的功能实现，非常具有实用价值，需要的朋友可以参考下2017-09-07HTML5 LocalStorage 本地存储详细概括（多图）
这篇文章主要介绍了HTML5 LocalStorage 本地存储，给标签元素添加属性和浏览器兼容性都做了详细概括，具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一2017-08-18html5 localStorage本地存储_动力节点Java学院整理
localStorage 即本地存储，可用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除2017-07-06
localstorage在浏览器的API有两个：localStorage和sessionStorage，存在于window对象中：localStorage对应window.localStorage，sessionStorage对应window.sessionStorage2017-05-09- html5的两种存储技术的最大区别就是生命周期，接下来通过本文给大家分享HTML5 LocalStorage 本地存储刷新值还在问题以及使用方法小结，需要的的朋友参考下本文吧2017-03-10
- 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage2017-02-22
Html5中localStorage存储JSON数据并读取JSON数据的实现方法
localStorage是HTML5提供的再客户端实现本地存储的一种方法，但是localStorage方法只能存储字符串数据，有时候我们需要存储对象到本地比如：JSON；那么，localStorage怎么2017-02-13- 本篇文章主要介绍了HTML5 LocalStorage 本地存储 ，HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上，并再以后需要的时候进行获取。有兴趣的可以了解2016-12-23
- 这篇文章主要介绍了html5本地存储 localStorage操作使用详解的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-09-20
- 下面小编就为大家带来一篇HTML5 本地存储 LocalStorage详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-24
最新评论