Chinaunix首页 | 论坛 | 博客
  • 博客访问: 206546
  • 博文数量: 163
  • 博客积分: 4010
  • 博客等级: 上校
  • 技术积分: 1720
  • 用 户 组: 普通用户
  • 注册时间: 2009-06-08 11:41
文章分类

全部博文(163)

文章存档

2011年(1)

2009年(162)

我的朋友

分类:

2009-06-17 15:41:24

JavaScript中Math对象的功能,它其实就是通过Math这个全局对象,把所有的数学计算相关的常量和方法都联系到一起,作为一个整体使用,提高了封装性和使用效率。cookie的处理也可以按照这种方法来进行。

  需求分析

  对于cookie的处理,事实上只是封装一些方法,每个对象不会有状态,所以不需要创建一个cookie处理类,而只用一个全局对象来联系这些cookie操作。对象名可以理解为命名空间。对cookie操作经常以下操作。

  (1)设置cookie包括了添加和修改功能,事实上如果原有cookie名称已经存在,那么添加此cookie就相当于修改了此 cookie。在设置 cookie的时候可能还会有一些可选项,用于指定cookie的声明周期、访问路径以及访问域。为了让cookie中能够存储中文,该方法中还需要对存储的值进行编码。

  (2)删除一个cookie,删除cookie只需将一个cookie的过期事件设置为过去的一个时间即可,它接收一个cookie的名称为参数,从而删除此cookie。

  (3)取一个cookie的值,该方法接收cookie名称为参数,返回该cookie的值。因为在存储该值的时候已经进行了编码,所以取值时应该能自动解码,然后返回。

  针对这些需求,下一小节将实现这些功能。

  创建Cookie对象

  因为是作为类名或者命名空间的作用,所以和Math对象类似,这里使用Cookie来表示该对象:
  var Cookie=new Object();

  实现设置Cookie的方法

  方法为:setCookie(name,value,option);其中name是要设置cookie的名称;value是设置cookie的值;option包括了其他选项,是一个对象作为参数。其实现如下:
  Cookie.setCookie=function(name,value,option){
    //用于存储赋值给document.cookie的cookie格式字符串
    var str=name+"="+escape(value);
    if(option){
      //如果设置了过期时间
      if(option.expireDays){
        var date=new Date();
        var ms=option.expireDays*24*3600*1000;
        date.setTime(date.getTime()+ms);
        str+="; expires="+date.toGMTString();
      }
      if(option.path)str+="; path="+path; //设置访问路径
      if(option.domain)str+="; domain"+domain; //设置访问主机
      if(option.secure)str+="; true"; //设置安全
    }
    document.cookie=str;
  }

  实现取Cookie值的方法

  方法为:getCookie(name);其中name是指定cookie的名称,从而根据名称返回相应的值。实现如下:
  Cookie.getCookie=function(name){
    var cookieArray=document.cookie.split("; "); //得到分割的cookie名值对
    var cookie=new Object();
    for(var i=0;i
      var arr=cookieArray[i].split("="); //将名和值分开
      if(arr[0]==name)return unescape(arr[1]); //如果是指定的cookie,则返回它的值
    }
    return "";
  } 实现删除Cookie的方法

  方法为:deleteCookie(name);其中name是指定cookie的名称,从而根据这个名称删除相应的cookie。在实现中,删除cookie是通过调用setCookie来完成的,将option的expireDays属性指定为负数即可:
  Cookie.deleteCookie=function(name){
    this.setCookie(name,"",{expireDays:-1}); //将过期时间设置为过去来删除一个cookie
  }

  通过下面的代码,整个Cookie对象创建完毕后,可以将其放到一个大括号中来定义,例如:
  var Cookie={
    setCookie:function(){},
    getCookie:function(){},
    deleteCookie:function(){}
  }

  通过这种形式,可以让Cookie的功能更加清晰,它作为一个全局对象,大大方便了对Cookie的操作,例如:
  Cookie.setCookie("user","jack");
  alert(Cookie.getCookie("user"));
  Cookie.deleteCookie("user");
  alert(Cookie.getCookie("user"));

  上面的代码就先建立了一个名为user的cookie,然后删除了该cookie。两次alert输出语句显示了执行的效果。

  本节通过建立一个Cookie对象来处理cookie,方便了操作,也体现了面向对象的编程思想:把相关的功能封装在一个对象中。考虑到 javaScript 语言的特点,本章没有选择需要创建类的面向对象编程的例子,那和一般面向对象语言没有大的不同。而是以JavaScript中可以直接创建对象为特点介绍 了Cookie对象的实现及其工作原理。事实上这也和JavaScript内部对象Math的工作原理是类似的。

阅读(1146) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~