html中cookie如何存储

在HTML中，可以使用JavaScript来创建、读取和删除cookie。以下是创建和读取cookie的基本示例：

创建cookie:

function setCookie(name, value, daysToLive) {
    var cookie = name + "=" + encodeURIComponent(value);
    if (typeof daysToLive === "number") {
        cookie += "; max-age=" + (daysToLive*24*60*60); // max-age单位是秒
    }
    document.cookie = cookie;
}
 
// 使用函数创建一个cookie，名为"username"，值为"John Doe"，保存7天
setCookie("username", "John Doe", 7);

读取cookie:

function getCookie(name) {
    var cookies = document.cookie.split(';');
    for (var i = 0; i < cookies.length; i++) {
        var cookie = cookies[i].trim();
        // 查找名称为name的cookie
        if (cookie.indexOf(name + "=") === 0) {
            return decodeURIComponent(cookie.substring(name.length + 1));
        }
    }
    return null; // 如果没有找到，返回null
}
 
// 使用函数读取名为"username"的cookie
var username = getCookie("username");
console.log(username); // 输出: John Doe

删除cookie:

function deleteCookie(name) {
    setCookie(name, "", -1); // 设置为过去的时间即可删除
}
 
// 删除名为"username"的cookie
deleteCookie("username");

以上代码提供了创建、读取和删除cookie的方法。创建cookie时，可以指定cookie的有效期（以天为单位），如果不指定，则cookie会成为会话cookie，浏览器关闭时会失效。读取cookie时，如果cookie不存在则返回null。删除cookie通过将cookie的有效期设置为过去的时间来实现。