JavaScript封装Cookie操作函数实例(设置、读取、删除)
作者:木棉时间:2026-10-29 17:06:05浏览:127
本文详细介绍如何在JavaScript中封装Cookie操作函数,涵盖设置、读取和删除Cookie的完整实现。通过具体代码示例,帮助开发者掌握Cookie的基本使用方法,提升前端开发效率。
JavaScript封装Cookie操作函数实例(设置、读取、删除)
本文通过具体实例讲解如何在JavaScript中封装Cookie操作函数,旨在为读者提供实用的参考代码。
/*设置cookie*/
function setCookie(name, value, iDay)
{
var oDate=new Date();
oDate.setDate(oDate.getDate()+iDay);
document.cookie=name+'='+value+';expires='+oDate;
};
/*使用方法:setCookie('user', 'simon', 11);*/
/*获取cookie*/
function getCookie(name)
{
var arr=document.cookie.split('; '); //多个cookie值是以; 分隔的,用split把cookie分割开并赋值给数组
for(var i=0;i<arr[i].length;i++) //历遍数组
{
var arr2=arr[i].split('='); //原来割好的数组是:user=simon,再用split('=')分割成:user simon 这样可以通过arr2[0] arr2[1]来分别获取user和simon
if(arr2[0]==name) //如果数组的属性名等于传进来的name
{
return arr2[1]; //就返回属性名对应的值
}
return ''; //没找到就返回空
}
};
/*使用方法:getCookie('user')*/
/*删除cookie*/
function removeCookie(name)
{
setCookie(name, 1, -1); //-1就是告诉系统已经过期,系统就会立刻去删除cookie
};
/*使用方法:removeCookie('user')*/
希望本文提供的代码示例能对各位JavaScript开发者有所帮助。
作者最新文章
JavaScript怎么准确判断数据类型:typeof、instanceof与Object.prototype.toString
2026-11-05 17:09:21
JS中将数组和对象混合组装为JSON字符串
2026-11-05 16:41:42
JS运算符优先级与结合性的区别是什么?
2026-11-05 13:22:02
JS Map怎么只遍历Key或Value
2026-11-05 13:00:36
D3.js 与 ECharts 选型对比:灵活性 vs 开发效率
2026-11-05 09:45:01
