Cookie封装
时间:2019-09-06
本文章向大家介绍Cookie封装,主要包括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>
原文地址:https://www.cnblogs.com/xiaozhou223/p/11474939.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法