Javascript学习：案例8--封装（创建、读取、删除）cookie函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<!--
cookie限制：
1.数量（20-50，不同的浏览器有差异），大小有限（4k）;
2.有些数据不适合使用cookie保存，比如银行卡号能重要信息。
-->

    <script>

        //普通方法创建cookie，如果多条的话比较繁琐
        document.cookie="name="+encodeURIComponent("小王");   //加密
        document.cookie="qq=1628890047";
        document.cookie="age=26";

        //封装创建cookie函数

        function setCookie(key,value,expires){
            var ddate = new Date();
            ddate.setDate(ddate.getDate()+expires);
            document.cookie=key+"="+value+";expires="+ddate;
          //  alert(document.cookie)
        }

      //  setCookie("职位","老师",7);  //过期日期为7天


        //读取cookie函数
        function getCookie(name) {
            var arrStr = document.cookie.split("; "); //注意后面带空格
            for(var i=0;i<arrStr.length;i++){
                var arr=arrStr[i].split("=");
                if(arr[0]==name){
                    return decodeURIComponent(arr[1]);   //解密
                };
            }
            return "";
        }

        alert(document.cookie);
//        alert(getCookie("name"));
//        alert(getCookie("qq"));

        //删除cookie函数
        function removeCookie(key){
            setCookie(key,"任意值",-1);   //只要将过期日期设置<0;即删除这个cookie值
        }

        removeCookie("name");

        alert(document.cookie);

    </script>

</body>
</html>

可以封装成cookie.js，用于引入使用：

//封装创建cookie函数

function setCookie(key,value,expires){
    var ddate = new Date();
    ddate.setDate(ddate.getDate()+expires);
    document.cookie=key+"="+value+";expires="+ddate;
}

//  setCookie("职位","老师",7);  //过期日期为7天


//读取cookie函数
function getCookie(name) {
    var arrStr = document.cookie.split("; "); //注意后面带空格
    for(var i=0;i<arrStr.length;i++){
        var arr=arrStr[i].split("=");
        if(arr[0]==name){
            return decodeURIComponent(arr[1]);   //解密
        };
    }
    return "";
}

//  alert(document.cookie);
//  alert(getCookie("name"));
//  alert(getCookie("qq"));


//删除cookie函数
function removeCookie(key){
    setCookie(key,"任意值",-1);   //只要将过期日期设置<0;即删除这个cookie值
}

//removeCookie("name");

js自学网站推荐：http://www.51zxw.net/study.asp?vip=4857021

Javascript学习：案例8--封装（创建、读取、删除）cookie函数

猜你喜欢