陈姿羽,创维液晶电视黑屏,兽皇系列
我们在做页面时会用到本地存储的时候，今天说说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 HTMLCollection和NodeList的区别详解
网友评论