Cookie和localStorage的查询、设置、修改及删除

感谢：链接（视频讲解很详细）

---

cookie：是一种字符串表示的数据，用于在本地记录用户的基本信息（账号，密码等），具有时限性。

数据的具体内容：

（图源上文视频链接）

localStorage:与cookie类似，都是用于浏览器存储数据，但比cookie使用更简单。

---

cooki

一、查询：

1、调控台输入：(console调控台讲解：链接)

document.cookie

2、运行截图：

二、设置

1、代码：

<script type="text/javascript">
//w3school中直接给出了设置函数
	function setCookie(cname, cvalue, exdays) {
	    var d = new Date();
	    d.setTime(d.getTime() + (exdays*24*60*60*1000));
	    var expires = "expires="+ d.toUTCString();
	    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
	}
</script>

2、运行截图：

三、修改（要已知cookie键的内容）

1、例如：cookie键为：‘nihao’ ，通过设置相同键值的cookie来覆盖原来的

四、删除

1、因为cookie具有时效性，所以删除一个cookie只需要将它的时间修改到之前的任一时间即可。

setCookie("nihao","nihao",-1);

2、运行截图：

localStorage

使用方法：

<script type="text/javascript">
	console.log(localStorage); //在调试台输出所包含的本地数据
	localStorage.setItem('password','123456'); //以键值对的形式创建一个浏览器数据
	var Value=localStorage.getItem('password'); //已知键的名称 获取对应的值
	console.log(Value);
	var len=localStorage.length; //localStorage的总长度
	console.log(len);
	localStorage.removeItem('password');//移除一个已知键值的localStorage数据
	localStorage.clear(); //清空所有localStorage数据
</script>