cookie的设置获取和删除封装

Posted 2020-06-11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了cookie的设置获取和删除封装相关的知识，希望对你有一定的参考价值。

在我们为了去完成数据储存，有时会用到cookie，简单封装一下cookie：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<script type="text/javascript">
    //设置cookie
    function setCookie(name,value,days){
        days=days?days:30;//一个月后失效
        var exp=new Date();
        exp.setTime(exp*1+days*24*60*60*1000);
        document.cookie=name+"="+escape(value)+";expires="+exp;
    }
    setCookie("tel","13546",10);
    setCookie("name","arch",1);
    console.log(document.cookie);

    //获取cookie
    function getCookie(name){
        var reg=new RegExp(‘(^| )‘+name+‘=([^;]*)(;|$)‘);
        var arr=document.cookie.match(reg);
        if(arr) return arr[2];
        return null;
    }
    getCookie("name");
    console.log(getCookie("name"));

    //删除cookie
    function delCookie(name){
        if(getCookie(name)){
            setCookie(name,"",-1);
        }
    }
    delCookie("tel");
</script>
</body>
</html>

以上是关于cookie的设置获取和删除封装的主要内容，如果未能解决你的问题，请参考以下文章

原生js封装cookie获取设置及删除

js封装Cookie操作 js 获取cookie js 设置cookie js 删除cookie