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>