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>
