cookie getCookie setCookie deleteCookie

最新推荐文章于 2022-07-19 13:57:51 发布

原创最新推荐文章于 2022-07-19 13:57:51 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#cookie #getCookie #setCookie #deleteCookie

前端JS 专栏收录该内容

39 篇文章

订阅专栏

本文通过示例代码展示了如何在JavaScript中设置和获取Cookie。包括设置Cookie的有效期、路径、域等属性，并提供了从浏览器中读取特定Cookie值的方法。

每个cookie文件的名字都是其网站的域名

<script>
    document.cookie="cookieName = cookieValue;";
    document.cookie=" cookieName2 = cookieValue2";
    document.cookie=" a2 = "+encodeURIComponent("cookieValue3;");   //就类似加密   解密decodeURIComponent
    document.cookie=" a3 = "+encodeURI("cookieValue4");
    //cookieName = cookieValue;   a2 = cookieValue3;；   a3 = cookieValue4;
    alert(document.cookie);

    //取cookie特定cookie的值
    function getCookie(cookieName) {                                      //这里其实就是我们之前使用函数的源码，若要真正去使用cookie
        var start = document.cookie.indexOf(cookieName+"=");           //可以去看cookie的文档 其实html5已经把这些函数封装好了  直接可以调用
        if(start == -1){return "";}
        start = start+cookieName.length+1;
        var end = document.cookie.indexOf(";",start);
        if(-1==end){end = document.cookie.length;}
        return decodeURIComponent(document.cookie.substring(start,end));
    }
    alert(getCookie('a2'));

    //一个完整的cookie
    var expires = new Date();
    expires.setMonth(expires.getMonth()+1);  //一个月后Cookie失效
    document.cookie = "username="+encodeURI("用户名")+";expires ="+
                    expires.toGMTString()+";path = /;domain=x-life.com;secure";
</script>