我们在做页面时会用到本地存储的时候，今天说说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>
存储位置
以上就是浅谈localstorage的本地存储的详细内容。