 这就是我 |
|
|
| 用户登陆 |
|
|
| 最新公告 |
数据载入中，请稍候...... |
| 站点日历 |
数据载入中，请稍候...... |
| 最新日志 |
数据载入中，请稍候...... |
| 最新回复 |
|
| 最新留言 |
数据载入中，请稍候...... |
 日志搜索 |
|
数据载入中，请稍候...... |
|
 友情链接 |
|
 其他信息 |
|
|
|
|
|
|
|
|
|
| ·JavaScript使用面向对象思想处理cookie -|cloudy 发表于 2006-8-29 17:12:16 |
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<cookieArray.length;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的工作原理是类似的。
|
| [阅读全文 | 回复(0) | 引用通告 | 编辑] |
|
|
|
|
|
| |
