JavaScript中cookie设置获取和删除

此经验详细分析了cookie的设置，获取和删除操作。

工具/原料

已安装dreamweaver或其它网页编辑器的电脑一台

浏览器cookie分析

1、简单点说就是数据存储，通过JavaScript将要保存的数据保存在客户端浏览器，下次打开网页时调用保存的cookie。浏览器中cookie保存的形式：user=aa; pwd=123; sex=man; 还要注意的是cookie的过期时间expires。好了！简单分析到此结束，开始代码吧！

设置cookie

1、最简单的就是：document.cookie="user=aa"。但是这样就没有过期时间了，只是暂存于电脑内台仵瑕噤存里没有保存下来，几天后无法显示cookie内容。下面开始正式写规范完整的函数。代码如下：function setCookie(name, value, iDay){ /* iDay 表示过期时间 cookie中 = 号表示添加，不是赋值 */ var oDate=new Date(); oDate.setDate(oDate.getDate()+iDay); document.cookie=name+'='+value+';expires='+oDate;}

2、JavaScript中Date对象的setDate方法用于设置一个月的某一天，而getDate获得当前的日期，由此可以按照保存为多少天就在当前(getDate)日期加多少天。

获取cookie

1、前面分析的时候我们讲过浏览器cookie是由像：user=aa; pwd=123;等等组成的，所有要想获取cookie关键袖紫囫挡还是字符串和数组的操作。代码如下：function getCookie(name){ /* 获取浏览器所有cookie将其拆分成数组 */ var arr=document.cookie.split('; '); for(var i=0;i<arr.length;i++) { /* 将cookie名称和值拆分进行判断 */ var arr2=arr[i].split('='); if(arr2[0]==name){ return arr2[1]; } } return '';}

删除cookie

1、删除cookie的思想很简单，就是将cookie的过期时间设置为过期(-1)，已经过了一天。那么就能实现了，当然了需要调用设置cookie的函数setCookie。代码如下：function removeCookie(name){ /* -1 天后过期即删除 */ setCookie(name, 1, -1);}