cookie.js(设置名值对属性时候不支持设置成前后有空格的格式,如' key'或'key ',只支持‘key’)

(function initCookieClass(win){// 定义匿名函数并在定以后立即调用(function(){}()),圆括号保证并正确解析成函数
var Cookie=function Cookie(maxage,path){// Cookie构造函数
// 私有属性,将document.cookie解析成JSON对象
var cookie=(function(ck){
var cookie={};
var all=ck;
if(all==='') return cookie; // 返回空值对象
// document.cookie以key1=value1;key2=value2的格式存储数据
var list=all.split(';');
for (var i = 0; i < list.length; i++) {
var c=list[i];
var p=c.indexOf('=');
var name=c.substring(0,p);
// cookie存储中第一个名值对没有空格,第二个开始都有空格,做清除空格操作
if(name && typeof name==='string') name=name.replace(/^\s|\s%/,'');
var value=c.substring(p+1);
// 对名值对进行解码,一般只要对值进行编解码,主要是对中文的处理
name=decodeURIComponent(name);
value=decodeURIComponent(value);
cookie[name]=value;
}
return cookie;
}(win.document.cookie));
// 私有属性,keysSet
var keys=[];
for(var key in cookie) keys.push(key);
// 自有属性,length表示cookie的对象数
this.length=keys.length;
// 实例方法,根据索引值返回cookie值,在根据长度遍历时候使用
this.key=function(n){
if(n<0||n>keys.length) return null;
return cookie[n];
};
// 实例方法,根据key获取value
this.getItem=function(name){
return cookie[name]||null;
};
// 实例方法,设置cookie属性,以名值对的格式
this.setItem=function(key,value){
if(!key) {
for(var k in value) {
this.setItem(k, value[k]);
}
return;
}
if(!(key in cookie)) {
keys.push(key);
this.length++;
}
cookie[key]=value;
var c=encodeURIComponent(key)+'='+encodeURIComponent(value);
if(maxage) c+=';max-age='+maxage;
if(path) c+=';path='+path;
win.document.cookie=c;
return this;
};
// 实例方法,根据key删除value
this.removeItem=function(key){
if(!(key in cookie)) return;
delete cookie[key];
for (var i = 0; i < keys.length; i++) {
if(keys[i]===key) {
keys.splice(i,1);
break;
}
}
this.length--;
win.document.cookie=encodeURIComponent(key)+'=;max-age=0';
return this;
};
// 实例方法,清除掉cookie数据和此对象数据
this.clear=function(){
for (var i = 0; i < keys.length; i++) {
win.document.cookie=encodeURIComponent(keys[i])+'=;max-age=0';
}
cookie={};
keys=[];
this.length=0;
return this;
};
// 实例方法,重新从浏览器中获取cookie数据
this.sync=function(){
cookie=(function(){
var cookie={};
var all=win.document.cookie;
if(all==='') return cookie;
var list=all.split(';');
for (var i = 0; i < list.length; i++) {
var c=list[i];
var p=c.indexOf('=');
var name=c.substring(0,p);
if(name && typeof name==='string') name=name.replace(/^\s|\s%/,'');
if(name) name=name.replace(/^\s|\s%/,'');
var value=c.substring(p+1);
name=decodeURIComponent(name);
value=decodeURIComponent(value);
cookie[name]=value;
}
return cookie;
}());
keys=[];
for(var key in cookie) keys.push(key);
this.length=keys.length;
return this;
};
// 实例方法,返回cookie的JSON格式
// 因为cookie是私有属性,在函数体闭包内用val声明的变量,在函数体外是无法直接访问的
this.getCookieJSON=function(){
return cookie;
};
};
win.Cookie=Cookie;
win.cookie=new Cookie();
}(window));

cookie.html,简单测试一下

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Cookie Test</title>
<script type="text/javascript" src="cookie.js"></script>
<script type="text/javascript">
(function(w){
w.onload=function(){
if(cookie) {
// 增,改
cookie.setItem('test','success');
// 查
var result=cookie.getItem('test');
console.log('test:'+result);
// 删
cookie.removeItem('test');
// 支持JSON格式的存储方案
cookie.setItem(null,{'one':1,'two':2});
// 根据JSON格式查找
result=cookie.getCookieJSON();
console.log('cookie for json:');
for(var i in result) {
console.log('\n'+i+':'+result[i]);
}
} else {
throw new Error('Create cookie instance failure.');
}
};
}(window));
</script>
</head>
<body> </body>
</html>

默认cookie对象的生命周期是Web浏览器的会话期(session),与sessionStorage的作用域不同,cookie是整个浏览器进程,而不是单个窗口的进程。不同标签页可以共用,除非显示设置。

几乎所有的浏览器都支持cookie。

参考文献:《JavaScript权威指南》  --O‘REILLY[第六版]

cookie自封装对象的更多相关文章

  1. java中基本类型封装对象所占内存的大小(转)

    这是一个程序,java中没有现成的sizeof的实现,原因主要是java中的基本数据类型的大小都是固定的,所以看上去没有必要用sizeof这个关键字. 实现的想法是这样的:java.lang.Runt ...

  2. DES加密解密 与 Cookie的封装(C#与js互相加密解密)

    2D JS框架 - DES加密解密 与 Cookie的封装(C#与js互相加密解密)   这次实现了JS端的DES加密与解密,并且C#端也能正确解析DES的密文(反之也实现了) 使用的代码如下,非常方 ...

  3. 当使用cokie进行数据交互时候,cookie只需存储该对象的id即可不需要存放其他数据;只需在写个接口根据cookie里面的对象id来创建对象

    当使用cokie进行数据交互时候,cookie只需存储该对象的id即可不需要存放其他数据:只需在写个接口根据cookie里面的对象id来创建对象

  4. dbutils封装对象,单列,一行一列(用)

    基本用法:查找并封装对象与对象集合 public User findUserByNamePassword(String name,String password){ QueryRunner runne ...

  5. javascript jquery封装对象时的错误,求解!我想知道为什么

    jquery   封装对象时的错误 --------------------------------------------<input id="name" name=&qu ...

  6. day17-Python运维开发基础(类的封装 / 对象和类的相关操作、构造方法)

    1. 类的封装及相关操作 # ### oop 面向对象程序开发 """ #用几大特征表达一类事物称为一个类,类更像是一张图纸,表达的是一个抽象概念 "" ...

  7. ArrayList集合存储VO封装对象后调用的问题

    VO代码: public class VO4Blog { private int b_id; private int b_typeid; private String b_title; private ...

  8. JavaScript基础原始数据类型的封装对象(013)

    JavaScript提供了5种原始数据类型:number, string, boolean, null, and undefined.对于前面3个,即number, string, 和boolean提 ...

  9. day22:面向对象封装对象操作&类操作&面向对象删除操作

    面向对象程序开发 1.类的三种定义方式 class MyClass: pass class MyClass(): #(推荐) pass class MyClass(object): # object类 ...

随机推荐

  1. linux下enum的使用

    enum T { status1, status2, } Linux下: 1.做函数返回值时enum T f():不能写成T f(): 2.if(i == status1)不能写成 if(i == T ...

  2. canvas制作简单动画

    在画布元素<canvas>中,除了绘制图形.图像.文字外,还可以制作一些简单的动画,制作过程十分简单,主要分为两步操作: 1.自定义一个函数,用于图形的移动或其他动作. 2.使用setIn ...

  3. 有n人围成一圈,顺序排号。从第1个人开始报数(从1到3报数),凡报到3的人退出圈子,问最后留下的是原来的第几号的那位。

    #include <iostream> using namespace std; int main() { int i,j,n,m,k,*p,num[100];k=m=0;   cin&g ...

  4. 布局共享(列如所有activity拥有相同的布局部分,比如actionbar,在BaseActivity中写入布局)

    有时候界面上会用到统一的布局,比如toolbar,你可能会想到在用到的地方都去加上toobar这样对于程序的开发与维护来说都显得特别麻烦,我们可以将他写在父类中. 首先创建一个BaseActivity ...

  5. 程序被送入后台后,向 iOS 借时间,完成长期任务-备

    12.2.2. 方案 使用UIApplication的beginBackgroundTaskWithExpirationHandler: 实例方法.在你完成任务后,调用UIApplication的en ...

  6. python编程之处理GB级的大型文件

    一般我们采取分块处理,一次处理固定大小的块. def read_in_chunks(file_obj,chunk_size): """Lazy function (gen ...

  7. 关于API的设计和需求抽象

    一,先来谈抽象吧,因为抽象跟后面的API的设计是息息相关的 有句话说的好(不知道谁说的了):计算机科学中的任何问题都可以抽象出一个中间层就解决了. 抽象是指在思维中对同类事物去除其现象的.次要的方面, ...

  8. 必须用C模拟OS?

    ASM基本必要,至于高级语言就很难说了.去osdev wiki上一翻一堆各种语言实现的玩意. 一个模拟OS其实不太容易完整搭出来,反倒是直接构造内核的后顾之忧少(如果还有真的想在SIGALRM里耍什么 ...

  9. Appium 点击Android屏幕

    用driver.tap(1, 10, 10, 800); 点击屏幕,经常提示:An unknown server-side error occurred while processing the co ...

  10. Ajax属性和函数以及 返回值之XML格式和文本格式(二)

    (一) client请求文本之json格式:接收到json格式,再有js解析(详细先eval成对象,然后.就可以) var text = this.responseText; var book = e ...