JS 操作 cookies 的方法

一、JS 操作 cookies 的方法

1、在 JS(JavaScript)操作cookies比较复杂，在 ASP里面我们只需要知道 cookie的名称、cookie的值就行了，而 JS里面，我们面对的是 cookie的字符串，你自己编写这个字符串写入客户端，然后自己解析这个字符串。

2、var the_date= new Date("December 31, 2020");

3、var expiresDate= the_date.toGMTString();

4、document.cookie="userDefineCSS="+ escape(title)+"; expires="+ expiresDate;

5、第二句将日期格式转换成 GMT格式；编者者： GMT即格林威治标准时间，现在也称 UTC即全球标准时间。

6、第三句是将 cookie内容写入客户端。

7、其中 expires是系统使用的，表示 cookie的失效日期（也可以省略），expires不可读。

8、 escape是对 cookie值进行编码，这是为了处理中文、空格等而设立的。

9、var cookieStr= document.cookie;//取 cookie字符串，由于 expires不可读，所以 expires将不会出现在 cookieStr中。

10、return"main1";//没有取到 cookie字符串，返回默认值

11、var cookieValue= cookieStr.split(";");//将各个 cookie分隔开，并存为数组，多个 cookie之间用分号加空隔隔开，不过前面我们只使用了一个 cookie，它的值与 expires之间也是用分号加空格隔开的

12、for(var i=0; i<cookieValue.length; i++)

13、startPos= cookieValue[i].indexOf(varName);

14、continue;//当前 cookie不是名称为 varName的 cookie，判断下一个 cookie

15、startPos+= varName.length+ 1;//当前 cookie就是名称为 varName的 cookie，由于有等号，所以+1

16、endPos= cookieValue[i].length;

17、var css= unescape(cookieValue[i].substring(startPos, endPos));

二、js简单设置与使用cookie的方法

JS简单设置与使用Cookie的方法：

使用`document.cookie`属性可以设置cookie。例如：`document.cookie="username=John";`这将创建一个名为"username"、值为"John"的cookie。

可以通过`document.cookie`属性读取已存在的cookie。例如，要读取名为"username"的cookie的值，可以使用以下代码：`var username= document.cookie;`。请注意，这需要解析cookie字符串来找到特定的值。

要删除一个cookie，可以设置其过期时间为过去的时间。例如，要删除名为"username"的cookie，可以将其过期时间设置为一个过去的时间点：`document.cookie="username=; expires=Thu, 01 Jan 1970 00:00:00 UTC;";`。

在JavaScript中，可以通过直接操作`document.cookie`属性来设置cookie。这是一个字符串，可以包含多个键值对，每个键值对表示一个cookie。例如，`document.cookie="username=John; expires=Fri, 31 Dec 2023 23:59:59 UTC; path=/"`会创建一个名为"username"、值为"John"、有效期至2023年12月31日并且路径为根路径的cookie。其中，expires属性表示过期时间，path属性表示cookie的路径。当不设置这些属性时，默认行为可能会有所不同，取决于浏览器的实现。

要读取已存在的cookie的值，可以使用`document.cookie`属性并配合字符串操作函数来解析返回的字符串。因为`document.cookie`返回的是所有cookie的字符串形式，所以需要手动解析出需要的值。如果没有找到特定的cookie名称，返回的字符串可能不包含该名称的信息。

删除cookie的原理是将其过期时间设置为过去的时间点，使得浏览器认为它已经过期并被自动删除。要注意的是，并非所有浏览器都会在设置过期时间后立即删除数据；在某些情况下，即使设置了过期时间，浏览器也可能仍然保留数据一段时间。因此在实际应用中可能需要额外的逻辑来处理这种情况。同时，如果cookie被设置为secure或httpOnly，使用JavaScript删除它可能无法实现。这就需要通过服务器端的设置来完成操作。所以在实践中要确保考虑了所有这些方面的情况和可能的边界情况。

三、js如何读取cookie

要在JavaScript中读取所有Cookie，可以通过Document对象的cookie属性获取。以下是一个函数示例，它读取并返回文档中的所有Cookie值：

var showAllCookie='';

if(document.cookie!==''){

var arrCookie= document.cookie.split(';');//使用';'作为分隔符切割Cookie

var arrLength= arrCookie.length;

for(var i= 0; i< arrLength; i++){

var cookiePair= arrCookie[i].split('=');//分割每个Cookie的名字和值

showAllCookie+='c_name:'+ unescape(cookiePair[0])+'c_value:'+ unescape(cookiePair[1])+'\n';

要通过名称读取特定的Cookie值，可以使用以下函数：

var arr, reg= new RegExp("(^|)"+ name+"=([^;]*)(;|$)");

if(arr= document.cookie.match(reg))

上述代码中，`getCookies`函数改进了Cookie的读取和格式化方式，使其以一种更清晰的方式返回所有Cookie的名称和值。`getCookie`函数则能够通过Cookie的名称来检索特定的Cookie值。这些函数都应确保在适当的上下文中调用，以遵守当前的JavaScript环境和安全标准。