js---设置cookie的方法

最新推荐文章于 2023-12-26 21:00:03 发布

转载最新推荐文章于 2023-12-26 21:00:03 发布 · 198 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/e0yu/p/10676995.html

文章标签：

#javascript #ViewUI

本文详细介绍了如何使用JavaScript在客户端操作Cookie，包括设置、获取和删除Cookie的方法，并提供了实用的封装函数，帮助开发者更高效地管理和使用Cookie。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在客户端进行一些操作的时候，很多时候会要用到设置cookie的方法。具体的做法：

<script type="text/javascript">
var documentCookie = null;
// console.log(document.cookie); // 获取浏览器的cookie
/**
 * [设置cookie 要在服务器环境下]
 * 具体方法：document.cookie='名字=值';
 */
document.cookie='name=赵子龙';
document.cookie='age=125';
console.log(document.cookie);
/**
 * [封装方法]
 */
/**
 * [setCookie 设置cookie]
 * [key value t 键 值 时间(秒)]
 */
function setCookie(key,value,t){
    var oDate=new Date();
    oDate.setDate(oDate.getDate()+t);
    document.cookie=key+"="+value+"; expires="+oDate.toDateString();
}
/**
 * [getCookie 获取cookie]
 */
function getCookie(key){
    var arr1=document.cookie.split("; ");//由于cookie是通过一个分号+空格的形式串联起来的，所以这里需要先按分号空格截断,变成[name=Jack,pwd=123456,age=22]数组类型；
    for(var i=0;i<arr1.length;i++){
        var arr2=arr1[i].split("=");//通过=截断，把name=Jack截断成[name,Jack]数组；
        if(arr2[0]==key){
            return decodeURI(arr2[1]);
        }
    }
}
/**
 * [removeCookie 移除cookie]
 */
function removeCookie(key){
    setCookie(key,"",-1); // 把cookie设置为过期
};
</script>