Cookie封装 

 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>

 

posted @ 2019-09-06 15:10  Mr▪小zhou  阅读(181)  评论(0)    收藏  举报