HTML本地存储

最新推荐文章于 2024-04-06 08:27:25 发布

Ranx3

最新推荐文章于 2024-04-06 08:27:25 发布

阅读量166

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_41472891/article/details/113090761

版权

HTML 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

返回目录

作用	方法
增改查	localStorage.name
删除	localStorage.removeItem(‘name’)
删除所有	localStorage.clear()

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			localStorage.setItem('name','张三');//保存数据
			console.log(localStorage.getItem("name"));//读取数据
			localStorage.name2='ss';//保存数据
			localStorage['name3']='vv';//保存数据
			localStorage.obj={id:12,text:'22'}
			console.log(typeof localStorage.obj);
			console.log( localStorage.obj.id);
			console.log( localStorage.name2);
			// sessionStorage.age=10
			console.log(sessionStorage.age);
			// console.log(localStorage.age);
			console.log(localStorage.length);//获取保存的数据量
			console.log(localStorage.key(0));
			console.log(localStorage.removeItem('name'));//移除名为name的数据
			localStorage.clear()//移除所有数据
			
		</script>
	</body>
</html>