js操作Cookie常用方法（读取、修改和删除）

软件教程 2024-01-20

在网站开发过程中，用Javascript来设置读取Cookie，既会常常用到，又可以减轻服务器负担，而有时又是必须用的，比如后台管理系统左边的菜单，就是必用Javascript操作Cookie实现。

Javascript 操作 Cookie 包括设置、读取、修改和删除，它们都没有现存的方法，需要自己写代码并封装成方法；为方便使用，以下已经分享了它们。

1、js设置Cookie
function setCookie(cookName, cookValue, expireHours){

var CookieStr = cookName + "=" + escape(cookValue);

//不设定过期时间，浏览器关闭时，Cookie自动消失
if(expireHours > 0){

var date = new Date();
var ms = expireHours * 3600 * 1000;

date.setTime(date.getTime() + ms);
str += "; expires=" + date.toGMTString();
}
document.cookie = CookieStr;
}

调用方法：setCookie("myCookie","menu1",2);

2、js读取Cookie
function getCookie(cookName){

var cookieStr = document.cookie.split(";");

for (var i = 0; i < cookieStr.length; i++){

var val = cookieStr[i].split("=");

if (escape(cookName) == val[0])
return unescape(val[1]);
}
return null;
}

调用方法：getCookie("myCookie");

3、js删除Cookie
function delCookie(CookName){

var date = new Date();
date.setTime(date.getTime() - 10000);

var val = getCookie(cookName);
if(val != null)
document.cookie= cookName + "=;expires=" + date.toGMTString();
}

调用方法：delCookie("myCookie");

上一篇：js去空格函数及用法下一篇：C#获取Url不同路径的方法大全