js操作cookie，js存储cookie，js读取cookie

浅谈JavaScript中的Cookie操作

本文将介绍JavaScript中Cookie的基本概念，以及如何使用JavaScript存储、读取和操作Cookie。

1、Cookie的基本概念
Cookie是存储在用户计算机上的小型文本文件，用于存储Web服务器发送到用户计算机上的一些数据。浏览器在访问Web服务器时会自动将Cookie信息上传给服务器端，因此可以用于网站的身份验证、个性化设置等方面。

2、JavaScript存储Cookie
在JavaScript中，可以使用document.cookie属性读取、写入和操作Cookie。将需要存储的Cookie信息作为字符串赋值给document.cookie即可，如下所示：
“`
document.cookie=”username=John Doe; expires=Thu, 18 Dec 2022 100:00 UTC; path=/”;
“`
上述代码将一个名为“username”的Cookie存储到用户计算机上，该Cookie存活时间截止到2022年12月18日12点整，并设置了Cookie的作用路径。

3、JavaScript读取Cookie
可以通过解析document.cookie属性的字符串值来获取Cookie信息。例如，我们可以使用以下代码读取名为“username”的Cookie：
“`
let username=document.cookie.replace(/(:(:^|.*;\s*)username\s*\=\s*([^
;]*).*$)|^.*$/, “$1”);
“`
上述代码使用了正则表达式获取Cookie中名为“username”的值，并将其赋值给变量username。

4、JavaScript操作Cookie
除了存储和读取Cookie外，还可以使用JavaScript操作Cookie。例如，我们可以通过以下代码删除名为“username”的Cookie：
“`
document.cookie=”username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;”;
“`
上述代码将Cookie的值设置为空字符串，并将过期时间设置为早于当前时间，从而达到删除Cookie的效果。

综上所述，JavaScript提供了简单易用的API来实现Cookie的存储、读取和操作，可以方便地实现网站的个性化设置、身份验证等需求。