H5的localStorage简单存储删除--编程之路,记录点滴,认真生活

H5的localStorage简单存储删除

时间：2019-06-30 发布者：访问量：3356

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>H5的storage</title>
</head>
<body>
<input type='button' onclick='setItems()' value='存值'　/>
<input type='button' onclick='getItems()' value='取值'　/>
<input type='button' onclick='deleteItem()' value='删除'　/>
</body>
<script src="js/jquery.min.js"></script>
<script>
//localStorage存值永久有效
function setItems(){
var user = {};
user.name = 'Adam Li';
user.age = 25;
user.home = 'China';
localStorage.setItem('userinfo',JSON.stringify(user));
}
//localStorage取值
function getItems(){
var data = JSON.parse(localStorage.getItem('userinfo'));
console.log("name:"+data.name+'\r age:'+data.age+"\r home:"+data.home);
}

//localStorage删除指定键对应的值
function deleteItem(){
localStorage.removeItem('userinfo');
console.log(localStorage.getItem('userinfo'));
}
</script>

</html>

也可以把localStorage看成对象localStorage.key=value,清除可以用clear()方法。