cookie设置、获取、设置过期时间

60 阅读 0 评论 40 点赞

我是靠谱客的博主细腻蜗牛，最近开发中收集的这篇文章主要介绍cookie设置、获取、设置过期时间，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>cookie测试</title>
</head>
<body>
<div>
    <p>cookie测试</p>
</div>
<script>

    window.onload=function(){
        writeCookie("_user","js is good");
        getCookie();
    };

    //设置cookie,并设置终止日期
    function writeCookie(cookieName, cookieValue) {
        var expire = new Date((new Date()).getTime() + 2 * 60 * 60000);//有效期2小时
        expire = ";expires=" + expire.toGMTString();
        //用escape()函数进行编码，它能将一些特殊符号使用十六进制表示，例如空格将会编码为“20%”，
        //从而可以存储于cookie值中，而且使用此种方案还可以避免中文乱码的出现
        document.cookie = cookieName + "=" + escape(cookieValue) + expire;
    }

    //获取cookie字符串
    function getCookie() {
        var strCookie=document.cookie;
        //将多cookie切割为多个名/值对
        var arrCookie=strCookie.split("; ");
        var userId;
        //遍历cookie数组，处理每个cookie对
        for(var i=0;i<arrCookie.length;i++){
            var arr=arrCookie[i].split("=");
            //找到名称为_user的cookie，并返回它的值
            if("_user"==arr[0]){
                userId=arr[1];
                break;
            }
        }
        //取出值以后需要使用unescape()进行解码才能得到原来的cookie值
        alert(unescape(userId));
    }

    //清除所有cookie
    function clearCookie() {
        var keys = document.cookie.match(/[^ =;]+(?==)/g);
        if (keys) {
            for (var i = keys.length; i--;)
                document.cookie = keys[i] + '=0;expires=' + new Date(0).toUTCString()
        }
    }


</script>

</body>
</html>

详情见：https://www.cnblogs.com/Jackie-sky/p/3672544.html