js获取cookie

纯js使用cookie时首先要在中写入使用cookie的方法，或者将方法另存在指定的js文件中，使用外链引入,设置cookie的方法有三个值，第一个为cookie的名称，第二个为cookie的值，第三个为过期时间，如果不填写过期时间就默认为关闭浏览器后失效。

//设置cookie的方法：
function setCookie(c_name, value, expiredays) {
    var exdate = new Date()
    exdate.setDate(exdate.getDate() + expiredays)
    document.cookie = c_name + "=" + escape(value)
            + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString())
}
//获取cookie的方法：
function getCookie(c_name) {
    if (document.cookie.length > 0) {
        c_start = document.cookie.indexOf(c_name + "=");
        if (c_start != -1) {
            c_start = c_start + c_name.length + 1;
            c_end = document.cookie.indexOf(";", c_start);
            if (c_end == -1) {
                c_end = document.cookie.length;
            }
            return unescape(document.cookie.substring(c_start, c_end));
        }
    }
    return "";
}
//清除cookie的方法
function clearCookie(c_name) {
    setCookie(c_name, "", -1);
}

案例代码

效果图

image.png

如果想要清除cookie，重写一次设置cookie将值写为空值即可，例如 setCookie("mycookie","");
效果图

image.png