通过js获取cookie的实例及简单分析

http://77521.iteye.com/blog/788802

http://topic.csdn.net/u/20090420/21/9539775e-e674-487d-abb8-a2c9ad3a96cb.html

今天review新人写的javascript代码的时候发现了很多的问题。这里以function getCookie(name){}为例。
其中比较典型的一个问题就是如何通过javascript获取cookie里面的一个值。 那么我们先来看看cookie到底长什么样子呢？
直接在浏览器地址栏输入: javascript:alert(document.cookie); 回车。(这行代码的意思是，让浏览器执行javascript语句: alert(document.cookie);)
结果是：uin=webryan; sessionid=10293123834; pgv_send=1; cur_page=index 这个样子。
注意：1.开始没有空格，2.分号后又空格 3.最后没有分号。那么我们获取cookie的方法就比较明确了。。

一种是用document.cookie.split(“; “)的方式把字符串分割成几个段，然后遍历整个数组。 把每个数组单元等号左边的和name对比是否相等，相等则取等号右边的值。

function getCookie(name){
 var arr = document.cookie.split("; ");
 for(var i=0,len=arr.length;i<len;i++){
 var item = arr[i].split("=");
 if(item[0]==name){
 return item[1];
}
}
 return "";
}

function getCookie(name){
    var arr = document.cookie.split("; ");
    for(var i=0,len=arr.length;i<len;i++){
        var item = arr[i].split("=");
        if(item[0]==name){
             return item[1];
        }
    }
    return "";
}

第二种就是直接在字符串中搜索关键字。由于分号有空格，加上防止出现搜索cookie name为“str”的value是，有一个test_str的cookie名称。这里我们先进行一次过滤。 然后在找到 ;str的位置，这样就不会出问题。具体情况如下

function getCookie(name){
 var value="";
 var cookie =  ";"+document.cookie.replace(/;\s+/g,";")+";"
 var pos = cookie.indexOf(";"+name+"=");
 if(pos>-1){
 var start = cookie.indexOf("=",pos);
 var end = cookie.indexOf(";",start);
value = unescape(cookie.substring(start+1,end));
}
 return value;
}

function getCookie(name){
		var value="";
		var cookie = ";"+document.cookie.replace(/;\s+/g,";")+";"
		var pos = cookie.indexOf(";"+name+"=");
		if(pos>-1){
			var start = cookie.indexOf("=",pos);
			var end = cookie.indexOf(";",start);
			value = unescape(cookie.substring(start+1,end));
		}
		return value;
	}

不同方法在不同时刻有不同的选择。 这个就是晓晓说的选型问题。

现在实际使用的代码是

/**
* cookie相关
*/
$.cookie = {
 /**
* 读取cookie
*
* @param {String} n=名称
* @return {String} cookie值
* @example
* $.cookie.get('id_test');
*/
 get:function(n){
 var m = document.cookie.match(new RegExp( "(^| )"+n+"=([^;]*)(;|$)"));
 return !m ?  "":unescape(m[2]);
},
 /**
* 设置cookie
* @param {String} name cookie名称 --必填
* @param {String} value cookie值 --必填
* @param {String} domain 所在域名
* @param {String} path 所在路径
* @param {Number} hour 存活时间，单位:小时
* @example
* $.cookie.set('value1','cookieval',"id.qq.com","/test",24); //设置cookie
*/
 set:function(name,value,domain,path,hour){
 var expire = new Date();
expire.setTime(expire.getTime() + (hour?3600000 * hour:30*24*60*60*1000));

 document.cookie = name + "=" + value + "; " + "expires=" + expire.toGMTString()+"; path="+ (path ? path :"/")+ "; " + (domain ? ("domain=" + domain + ";") : "");
},

 /**
* 删除指定cookie,复写为过期 !!注意path要严格匹配， /id 不同于/id/
*
* @param {String} name cookie名称
* @param {String} domain 所在域
* @param {String} path 所在路径
* @example
* $.cookie.del('id_test'); //删除cookie
*/
 del : function(name, domain, path) {
 document.cookie = name + "=; expires=Mon, 26 Jul 1997 05:00:00 GMT; path="+ (path ? path :"/")+ "; " + (domain ? ("domain=" + domain + ";") : "");
},
 /**
* 删除所有cookie -- 这里暂时不包括目录下的cookie
* @example
* $.cookie.clear(); //删除所有cookie
*/

 clear:function(){
 var rs = document.cookie.match(new RegExp("([^ ;][^;]*)(?=(=[^;]*)(;|$))", "gi"));
 // 删除所有cookie
 for (var i in rs){
 document.cookie = rs[i] + "=;expires=Mon, 26 Jul 1997 05:00:00 GMT; path=/; " ;
}
},
 /**
* uin -- 针对业务,对外开源请删除
*
* @return {String} uin值
* @example
* $.cookie.uin();
*/
 uin:function(){
 var u = $.cookie.get("uin");
 return !u?null:parseInt(u.substring(1, u.length),10);
}
};