JS存取cookie示例

最新推荐文章于 2024-05-15 12:37:16 发布

狮子座的程序员

最新推荐文章于 2024-05-15 12:37:16 发布

阅读量447

点赞数

分类专栏： # Web前端文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_42247720/article/details/125959252

版权

Web前端专栏收录该内容

28 篇文章 5 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script src="js/jquery-2.2.1.min.js"></script>
<body>
    <input id="username" />
    <button id="write">赋值cookie</button>
    <button id="read">取值cookie</button>
    <span id="cookie"></span>
</body>
</html>
<script>
    $("#write").click(()=>{
       let username =  $("#username").val();
       console.log(username);
       setCookie("userName",username,1);
    })

    $("#read").click(()=>{
        //cookie取值：
        var cookie = getCookie("userName");
        console.log(cookie)
        $("#cookie").html(cookie);
    })

    /**
     * 默认的cookie写入方法
     * @param name cookie的key 例子：userName
     * @param value cookie的value 例子：张三
     * @param time cookie的存放时间，以'天'为单位 例子：1
     */
    function setCookie(name,value,time){
        var Days = time;
        var exp = new Date();
        exp.setTime(exp.getTime() + Days*24*60*60*1000);
        document.cookie = name + "="+ encodeURI (value) + ";expires=" + exp.toGMTString()+";path=/";
    }
    /**
     * 获取Cookie中的值
     * @param objName
     * @returns
     */
    function getCookie(objName){//获取指定名称的cookie的值
        var arrStr = document.cookie.split("; ");
        for (var i = 0; i < arrStr.length; i++) {
            var temp = arrStr[i].split("=");
            if (temp[0] == objName){
                return decodeURI(temp[1]);
            }
        }
    }

</script>

狮子座的程序员

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS存取cookie示例

@paramtimecookie的存放时间，以'天'为单位例子1。*@paramnamecookie的key例子userName。*@paramvaluecookie的value例子张三。*默认的cookie写入方法。*获取Cookie中的值。//获取指定名称的cookie的值。
复制链接

扫一扫