js cookie_function.html_cookie function-优快云博客

本文介绍了一个JavaScript函数集，用于设置、获取和删除Cookies。详细解释了setCookie、getCookie和deleteCookie函数的使用方法，包括参数说明和示例代码。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js cookie_function</title>
</head>
<body>
<script>
    /*参考：https://www.runoob.com/js/js-cookies.html*/

    function setCookie(cname, cvalue, exdays) {
        /*设置cookie。
        * cname,键名。
        * cvalue,值。
        * exdays，保存天数。
        * 注：当cvalue=""时，设置无效。浏览器默认。*/
        let d = new Date();
        d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
        let expires = "expires=" + d.toGMTString();
        document.cookie = cname + "=" + cvalue + "; " + expires;
    }

    function getCookie(cname) {
        /*获取本页 cookie 中，键为 cname 的值。
        * cname，要获取的 cookie 的 key。*/
        let name = cname + "=";
        let key_values = document.cookie.split(';');
        for (let key_value of key_values) {
            let c = key_value.trim();  // 去除字符串左右两端的空格。
            if (c.indexOf(name) === 0){
                return c.substring(name.length, c.length);  // 字符串切片。
            }
        }
        return "";
    }

    function checkCookie() {
        /*检测cookie。*/
        let userName = getCookie("userName");
        if (userName) {
            alert("Welcome again " + userName);
        } else {
            userName = prompt("Please enter your name:", "gsj");
            // 输入内容不能为空，不能点击取消。
            if (userName) {
                setCookie("userName", userName, 1);
            }
        }
    }


    function deleteCookie() {
        /*删除cookie。*/
        document.cookie = "userName=; expires=Fri, 28 Dec 2018 06:35:09 GMT";
    }


    // deleteCookie();
    checkCookie();
</script>
</body>
</html>