一、Cookie简介
- Cookie用于在网页中存储用户信息
- Cookie是一些数据,存储于电脑中小的文本文件中。
- 当 web 服务器向浏览器发送网页后,连接被关闭,服务器会忘记用户的一切。Cookie 是为了解决“如何记住用户信息”而发明的:
- 当用户访问网页时,他的名字可以存储在 cookie 中。
- 下次用户访问该页面时,可以在 cookie 中读取用户访问记录。
Cookie以名/值对的方式存储,如下所示:
//username = John Doe;
当浏览器从服务器请求一个网页时,将属于该页的 cookie 添加到该请求中。服务端通过这种方式来获取用户的信息。
二、创建Cookie
//设置cookie document.cookie = "user=maodou";
给cookie设置有效日期。默认情况下,cookie 在浏览器关闭时删除
document.cookie = "_key=num;expires = Wed, 27 Jan 2021 16:15:50 GMT";
使用 path 参数告诉浏览器 cookie 的路径。默认情况下,cookie 属于当前页面。
document.cookie = "_key=num;expires= Wed, 27 Jan 2021 16:20:50 GMT; path=/";
三、读取Cookie
console.log(document.cookie);
四、修改Cookie
在 JavaScript 中,修改 cookie 类似于创建 cookie
document.cookie = "user = maodou;expires = Wed, 27 Jan 2021 16:35:02 GMT";
五、删除Cookie
删除 cookie 非常简单。只需要设置 expires 参数为以前的时间即可
document.cookie = "user = maodou;expires = Wed, 27 Jan 2021 16:00:02 GMT";