html如何设置cookie

在HTML中设置cookie，可以使用JavaScript的document.cookie属性，以下是详细的步骤：

1、创建一个函数来设置cookie，这个函数需要接收三个参数：cookie的名称、值和过期时间（以秒为单位）。

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=/";
}

2、使用这个函数来设置cookie，设置一个名为username的cookie，值为JohnDoe，并在1天后过期：

setCookie("username", "JohnDoe", 1);

3、若要读取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;
}

4、使用这个函数来读取cookie，读取名为username的cookie值：

var username = getCookie("username");
console.log(username); // 输出 "JohnDoe"

5、若要删除cookie，可以创建一个函数来设置指定名称的cookie值为空字符串，并设置过期时间为过去的时间。

function deleteCookie(name) {
    setCookie(name, "", 1);
}

6、使用这个函数来删除cookie，删除名为username的cookie：

deleteCookie("username");

当前标题：html如何设置cookie
当前URL：http://www.csdahua.cn/qtweb/news14/474764.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网