1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>cookie获取、设置与删除</title> 6 </head> 7 <body> 8 <script type="text/javascript"> 9 // 自定义一个cookie值 10 document.cookie="name1=周周大哥"; 11 // 定义一个对象 12 var Cookie={ 13 // 获取cookie值: 14 get:function(name){ 15 // 定义一个变量存放要获取的cookie的名称和=的字符串(name=); 16 // encodeURIComponent:将name其编码 17 var cookieName=encodeURIComponent(name)+"=", 18 // 获取cookieName的出现位置 19 cookieStart=document.cookie.indexOf(cookieName), 20 // 将Cookie的value值设置为空 21 cookieValue=null; 22 // 通过indexof()判断是否获取到 23 if(cookieStart>-1){ 24 // indexOf()为-1时,表示没有获取到字符串 25 var cookieEnd=document.cookie.indexOf(";",cookieStart); 26 if(cookieEnd==-1){ 27 cookieEnd=document.cookie.length; 28 } 29 cookieValue=decodeURIComponent(document.cookie.substring(cookieStart+cookieName.length,cookieEnd)); 30 } 31 return cookieValue; 32 }, 33 34 // 设置cookie的值 35 set:function(name,value,expires){ 36 // 定义一个变量保存name的内容 37 var cookieText=encodeURIComponent(name)+"="+encodeURIComponent(value); 38 // 获取当前时间 39 var data =new Date(); 40 // 定义失效时间(这个时间依然是当前时间，当执行下面一行代码时时间才会变成失效的时间) 41 var data1 =new Date(); 42 // 设置之后的时间:获取当前时间加上要失效的天数,data1.setDate()设置一下就可以得到expires的时间 43 data1.setDate(data.getDate()+expires); 44 // 把失效的时间字符串拼接在cookieText字符串上面 45 cookieText+=";expires="+data1; 46 // 设置cookie 47 document.cookie=cookieText; 48 }, 49 // 删除Cookie 50 del:function(name){ 51 // 将失效的时间设置为当前时间的便会将那么值为空 52 this.set(name,"",new Date(0)); 53 } 54 55 } 56 57 function cookies(){ 58 var getcookie=Cookie.get("name"); 59 if(getcookie!=null){ 60 alert(getcookie); 61 }else{ 62 alert("未找到该cookie"); 63 } 64 } 65 // 获取name值 66 cookies(name); 67 // 设置Cookie 68 Cookie.set("user","123456",5); 69 Cookie.set("age","126",5); 70 71 // 删除cookie值 72 Cookie.del("user"); 73 </script> 74 </body> 75 </html>