所有输出都在浏览器的控制台中

<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存储的类的更多相关文章

  1. JavaScript一个集合的运算类

    输出都在控制台中: <script type="text/javascript"> function Set() { //这是一个构造函数 this.values = ...

  2. ASP.NET MVC WebApi 返回数据类型序列化控制(json,xml) 用javascript在客户端删除某一个cookie键值对 input点击链接另一个页面,各种操作。 C# 往线程里传参数的方法总结 TCP/IP 协议 用C#+Selenium+ChromeDriver 生成我的咕咚跑步路线地图 (转)值得学习百度开源70+项目

    ASP.NET MVC WebApi 返回数据类型序列化控制(json,xml)   我们都知道在使用WebApi的时候Controller会自动将Action的返回值自动进行各种序列化处理(序列化为 ...

  3. 用javascript在客户端删除某一个cookie键值对

    下面这个方法展示如何在客户端浏览器上用javascript删除某一个cookie键值对. //用javascript删除某一个cookie的方法,该方法传入要删除cookie的名称 function ...

  4. [转]javascript js cookie的存储,获取和删除

    本文转自:http://www.jb51.net/article/13240.htm 使用方法: //1.存储Cookie //2.参数说明: 1.参数1:Cookie存储Name,参数2:Cooki ...

  5. asp(utf-8) set cookie 用 javascript 读cookie发现一个问题

    asp: <%setCookie("user_id","test")%>   //传一个cookie ,名: user_id 值:test java ...

  6. java与javascript对cookie操作的工具类

    Java对cookie的操作 package cn.utils; import java.util.HashMap; import java.util.Map; import javax.servle ...

  7. JavaScript 操作 Cookie

    转自作者:聂微东出处:http://www.cnblogs.com/Darren_code/      什么是 Cookie “cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器 ...

  8. JavaScript之Cookie讲解

    什么是 Cookie “cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie.你可以使用 JavaScript 来创建和取回 cookie ...

  9. Cookie介绍及JavaScript操作Cookie方法详解

    本文主要为大家简单介绍了以下Cookie的用途.运行机制,以及JavaScript操作Cookie的各种方法,总结的比较全面,希望能给大家带来帮助. 什么是 Cookie “cookie 是存储于访问 ...

随机推荐

  1. 红包项目总结---MVC版

    起因: 针对传统版的明显缺陷做优化.主要是提升可维护性. 效果  线上:  未发布 线下:http://10.27.5.1/svn/FED/code/hongbao/year-end   hb-fac ...

  2. gulp+browserSync自动刷新页面

    BrowserSync “Browsersync能让浏览器实时.快速响应您的文件更改(html.js.css.sass.less等)并自动刷新页面.更重要的是 Browsersync可以同时在PC.平 ...

  3. react 热替换 ([HMR])

    react 热替换 ([HMR]) 热替换好多地方可以用到,目前比较流行的用法是搭配React和webpack实现在不刷新页面的情况下对模块的增删改.在给项目添加热替换功能的时候,可以说是踩了各种坑, ...

  4. Scrapy中使用Django的Model访问数据库

    Scrapy中使用Django的Model进行数据库访问 当已存在Django项目的时候,直接引入Django的Model来使用比较简单 # 使用以下语句添加Django项目的目录到path impo ...

  5. JParticles 2.0 发布,打造炫酷的粒子特效

    JParticles 2.0 发布,打造炫酷的粒子特效.不好意思哈,在这么繁花似锦的世界里,标题不得不取得吸引眼球一点哈,不然...还是不啰嗦了,我们进入正题吧 简单介绍一下 JParticles 2 ...

  6. 最基础的mybatis入门demo

    demo结构 数据库情况 (不会转sql语句 骚瑞) 数据库连接信息 jdbc.properties jdbc.driver=com.mysql.jdbc.Driver jdbc.url=jdbc:m ...

  7. 为什么使用dojo?dojo与jquery有什么不同?dojo适合什么开发场景?

    首先介绍一下dojo的特性: 1.Dojo是一个符合AMD规范的企业级框架(dojo是一个重量级框架) 2.Dojo全面支持异步加载JS机制(即:支持通过require异步加载JS模块,通过defin ...

  8. 利用document的readyState去实现页面加载中的效果

    打开新的网页时,为了增强友好性体验,告知用户网页正在加载数据需要呈现一个"页面加载中"之类的提示,只需要利用document就可以实现. 实现示例代码如下: <style&g ...

  9. Azure经典门户创建VM,如何设置使用静态IP地址?

    使用 Azure 经典管理门户中创建的虚拟机,无法使用静态IP 地址,在管理界面没有该设置.在新的管理门户中虽然有使用静态IP的设置,但是选项是灰色,无法修改,提示错误:This virtual ma ...

  10. vue-router如何根据不同的用户给不同的权限

    闲聊: 小颖去年在上家公司用的vue1.0之前在做路由这块用的router.map,但是现在vue2.0里已经不能用了,所以之前解决权限问题的例子,小颖也参考不了呜呜 之前看一个美女写的:elemem ...