JavaScript一个cookie存储的类
Posted newAdmin
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript一个cookie存储的类相关的知识,希望对你有一定的参考价值。
所有输出都在浏览器的控制台中
<script type="text/javascript"> /** * cookieStorage.js * 本类实现像localStorage和sessionStorage一样存储API,不同的是,基于http cookie实现它 */ function cookieStorage( maxage , path ){ //两个参数分别代表存储有效期和作用域 //获取一个存储全部cookie信息的对象 this.cookie = (function(){ var cookie = { }; //该对象最终会返回 var all = document.cookie; //以大字符串的形式获取所有cookie信息 if( all == "") //如果该属性为空字符串 return cookie; //返回一个空对象 var list = all.split("; "); //分离出名/值对 for(var i = 0 ; i < list.length ; i++){ var cookie = list[i]; var p = cookie.indexOf("="); //查找第一个“=”符号 var name = cookie.substring(0 , p);//获取cookie名字 var value = cookie.substring(p+1); //获取cookie对应的值 value = decodeURIComponent(value); //对其进行解码 cookie[name] = value ; //将名值对存储到对象中 } return this; }()); //将所有cookie的名字存储到一个数组中 this.keys = []; for( var key in this.cookie) key.push(key); //现在定义存储API公共的属性和方法 //存储的cookie的个数 this.length = this.keys.length; //返回n个cookie的名字,如果n越界则返回null this.key = function(n){ if( n < 0 || n >= this.keys.length ) return null; return this.keys[n]; }; //返回指定名字的cookie值,如果不存在则返回null this.getItem = function(name){ return this.cookie[name] || null; }; //存储cookie值 this.setItem = function(key,value){ if (!(key in this.cookie)) { this.keys.push(key); this.length++; } //将该名/值对数据存储到cookie对象中 this.cookie[key] = value; //开始正式设置cookie //首先将要存储的cookie的值进行编码,同时创建一个“名字=编码后的值”形式的字符串 var cookie = key+"="+encodeURIComponent(value); //将cookie的属性也加入到该字符串中 if( maxage ) cookie += "; max-age="+maxage; if( path ) cookie += "; path="+path; //通过document.cookie的属性来设置cookie document.cookie = cookie; }; //删除指定的cookie this.removeItem = function(key){ if( !(key in this.cookie)) return ; //如果cookie不存在,则什么也不做 //从内部维护的cookie组删除指定的cookie delete this.cookie[key]; //同时将cookie中的名字也在内部的数组中删除 //如果使用ES5定义的数组 indexOf()方法会更加简单 for(var i = 0 ; i < this.keys.length ; i++){ //遍历所有的名字 if(this.keys[i]===key){ //当找到要找的那个 this.keys.splice(i,1); //将它从数组中删除 break; } } this.length--; //cookie个数减一 //最终通过该cookie值设置为空字符串以及将有效期设置为0来删除指定的cookie document.cookie = key + "=; max-age=0"; }; //删除所有的cookie this.clear = function(){ //循环所有的cookie的名字,并将cookie删除 for(var i = 0 ; i < this.keys.length ; i++) document.cookie = this.keys[i]+"=; max-age=0"; //重置所有内部状态 this.cookie = {}; this.keys = []; this.length = 0; }; } var ck = new cookieStorage(3600,"/"); ck.setItem("a","value"); ck.setItem("b","value2"); ck.setItem("c","value3"); console.log(ck.getItem("a")); ck.removeItem("a"); if(ck.getItem("a")) console.log(ck.getItem("a")); else console.log("已经被删除") console.log(ck.getItem("b")); ck.clear(); if(ck.getItem("c")) console.log(ck.getItem("c")); else console.log("del"); </script>
以上是关于JavaScript一个cookie存储的类的主要内容,如果未能解决你的问题,请参考以下文章
javascript的本地存储 cookieslocalStorage