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. 字符串编码---hash函数的应用

    之前就听说过有个叫做hash表的东西,这段时间在上信息论与编码,也接触了一些关于编码的概念,直到今天做百度之星的初赛的d题时,才第一次开始学并用hash 一开始我用的是mutimap和mutiset, ...

  2. 解决JavaScript中如何输出空格

    在写JS代码的时候,大家可以会发现这样现象:document.write("   1      2                3  ");结果: 1 2 3无论在输出的内容中什 ...

  3. Mysql中natural join和inner join的区别

    假设有如下两个表TableA,TableB TableA TableB Column1 Column2 Column1 Column3 1 2 1 3 TableA的Column1列名和TableB的 ...

  4. JAVA_build_ant_cmd pass muti param

    ant -f buildFileName -Dpropretyname1=value1  -Dpropretyname2=value2 ant [options] [target [target2 [ ...

  5. Gradle Android客户端程序打包(基于gradle 1.12版本验证通过)

    一.前言 android客户端开发进入尾声,负责SEO同事突然发给我一个涉及45个发布渠道的噩耗,之前只发布自有渠道的工作方式(手动修改参数打包)已经不满足需求,所以引入最近比较流行的gradle打包 ...

  6. Manacher马拉车

    俗话说:摩托再好,不如骡拉啊(好像不是骡) Manacher就是O(N)计算最长回文子串的算法. 其中我们需要在0位置加入字符“$",然后原字符串中每两个字符加入一个"#" ...

  7. 智能卡安全机制比较系列(四) PayFlex

    PayFlex是斯伦贝谢公司(经过若干整合现在是金雅拓的一部分)在上世纪90年代推出的一款电子钱包支付COS,从功能上看可以说PayFlex是EMV96以及PBOC电子钱包规范的雏形. PayFlex ...

  8. C++11 in Qt5

    本文转载自:http://woboq.com/blog/cpp11-in-qt5.html   C++11 in Qt5 Posted by Olivier Goffart on 11 June 20 ...

  9. 【数位DP】 HDU 4734 F(x)

    原题直通车:HDU 4734 F(x) 题意:F(x) = An * 2n-1 + An-1 * 2n-2 + ... + A2 * 2 + A1 * 1, 求0.....B中F[x]<=F[A ...

  10. bzoj 1189

    题目:http://www.lydsy.com/JudgeOnline/problem.php?id=1189 这道题目看起来好像要用很高端的网络流. 这道题有一个特别之处,就是每一个空地都有人,不是 ...