cookie 中文api

Cookie 是一种在客户端存储数据的技术，常用于记录用户的状态、偏好等信息，以下是关于 Cookie 中文 API 的详细介绍：

1、创建 Cookie

基本语法：document.cookie = "cookieName=cookieValue; expires=date; path=path; domain=domain; secure";

cookieName 是 Cookie 的名称，如果要设置中文名称，需要对中文进行编码，比如使用encodeURIComponent 函数，设置一个中文名为 “用户” 的 Cookie，可以这样写：document.cookie = "user=" + encodeURIComponent("用户") + "; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/;";

属性说明

expires：指定 Cookie 的过期时间，如果不设置该属性，Cookie 会在会话结束时失效（即浏览器关闭时），日期格式为Wdy, DD Mon YYYY HH:MM:SS GMT，也可以使用new Date(year, month, day, hours, minutes, seconds, milliseconds) 来生成日期对象。

path：指定 Cookie 的有效路径，如果设置为"/"，则在整个网站上都可访问该 Cookie；如果设置为具体的路径，如"/example"，则只有在该路径及其子路径下可访问。

domain：指定 Cookie 的有效域名，如果设置为".example.com"，则在example.com 及其所有子域名下都可访问该 Cookie，如果不设置该属性，默认为当前域名。

secure：如果设置为true，则 Cookie 只能通过 HTTPS 协议传输，不能通过 HTTP 协议传输，提高了 Cookie 的安全性。

2、获取 Cookie

方法：document.cookie 返回所有 Cookie 的字符串，多个 Cookie 之间以分号和空格隔开，要获取某个特定名称的 Cookie，可以先将document.cookie 的值按分号和空格分割成数组，然后遍历数组查找目标 Cookie，要获取名为 “user” 的 Cookie 的值，可以这样写：

“`javascript

function getCookie(name) {

var arg = name + "=";

var alen = arg.length;

var clen = document.cookie.length;

var i = 0;

var j = 0;

var cookieVal = "";

while (i < clen) {

var c = document.cookie.charAt(i);

if (c == arg[j]) {

j++;

if (j == alen) {

var arg = arg.slice(1); // 去掉等号

var alen = arg.length;

var clen = document.cookie.length;

var i = arg.indexOf(" ", i) + alen;

cookieVal = unescape(document.cookie.substring(i, document.cookie.indexOf(" ", i)));

return cookieVal;

}

} else {

j = 0;

}

i++;

}

return null;

}

var userCookie = getCookie("user");

console.log(userCookie);

注意事项：由于 Cookie 是以键值对的形式存储的，且不允许有重复的键，所以在获取 Cookie 的值时，需要确保键的唯一性，如果 Cookie 的值中包含特殊字符，可能需要进行解码，可以使用decodeURIComponent 函数。
3、删除 Cookie方法：可以通过设置 Cookie 的过期时间为一个过去的日期来删除 Cookie，要将名为 “user” 的 Cookie 删除，可以这样写：document.cookie = "user=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain=.example.com;";注意事项：删除 Cookie 时，必须指定与创建 Cookie 时相同的路径和域名，否则可能无法成功删除，如果 Cookie 的httponly 属性被设置为true，则无法通过 JavaScript 删除该 Cookie，需要在服务器端进行删除。
4、修改 Cookie方法：修改 Cookie 实际上就是重新设置一个同名的 Cookie，并更新其值或其他属性，要将名为 “user” 的 Cookie 的值修改为 “张三”，可以这样写：document.cookie = "user=张三; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/; domain=.example.com;";注意事项：与创建 Cookie 类似，修改 Cookie 时也需要对中文进行编码，并且要确保路径和域名的正确性。
相关问答FAQs
1、问：为什么有时候设置的中文 Cookie 在获取时会出现乱码？
   答：这可能是因为在设置 Cookie 时没有对中文进行正确的编码，或者在获取 Cookie 时没有进行解码，在设置 Cookie 时，应该使用encodeURIComponent 函数对中文进行编码；在获取 Cookie 时，如果发现值中有特殊字符，应该使用decodeURIComponent 函数进行解码，还需要确保浏览器的字符编码设置正确，一般设置为UTF-8。
2、问：如何在不同的页面或标签页中共享 Cookie？
   答：要在不同的页面或标签页中共享 Cookie，需要确保这些页面或标签页属于同一个域名，并且设置了正确的路径，默认情况下，Cookie 只在当前页面的路径及其子路径下有效，如果希望在整个网站的所有页面中共享 Cookie，可以将路径设置为网站的根目录（即"/"）；如果希望在特定的一组页面中共享 Cookie，可以根据这些页面的共同路径来设置路径属性，还需要注意 Cookie 的域属性，确保它与页面的域名匹配。