如何在JavaScript中创建Cookie？

生成Cookie的JavaScript代码

在JavaScript中，可以使用document.cookie属性来创建、读取和删除cookie，以下是一个简单的示例，演示如何创建一个名为username，值为JohnDoe的cookie，并设置其过期时间为1天（86400秒）：

function setCookie(name, value, days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "") + expires + "; path=/";
}
// 使用函数设置cookie
setCookie("username", "JohnDoe", 1);

源码解析

1、函数定义：setCookie函数接受三个参数：name（cookie的名称），value（cookie的值）和days（cookie的过期天数）。

2、过期时间计算：如果提供了days参数，则计算出cookie的过期日期，这是通过获取当前日期，然后添加指定的天数来实现的。

3、设置cookie：使用document.cookie属性将cookie添加到浏览器中，这里设置了cookie的路径为根路径（path=/），这意味着该cookie在整个网站上都可用。

相关问题与解答

问题1：如何在JavaScript中读取cookie？

答案：要读取cookie，你可以使用以下函数：

function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
// 使用函数读取cookie
var username = getCookie("username");
console.log(username); // 输出： JohnDoe

问题2：如何在JavaScript中删除cookie？

答案：要删除cookie，你可以将其过期日期设置为过去的某个时间点，以下函数会删除名为username的cookie：

function deleteCookie(name) {
    document.cookie = name + '=; MaxAge=99999999;';
}
// 使用函数删除cookie
deleteCookie("username");