WEB前端 -- JavaScript获取cookie

JavaScript 通过 document.cookie 来获取 cookie 。

遗憾的是，document.cookie 只能获取所有 cookie 的集合，不能获取单个 cookie 。

例如，获取当前cookie集合：

实例演示：
 

我们可以自定义一个函数来获取单个 cookie 的值。

我们知道，cookie 集合的格式是这样的：
name1=value1 ; name2=value2 ; name3=value3 ; ...
将 cookie 以分号（;）分组，再以等号（=）分组，就能得到每个 cookie 的名称和值。

/**
  *  func  getCookie()  获取单个cookie的值
  *  pram  cookieName  cookie的名称
**/
function getCookie(cookieName){
    var cookieObj={},
          cookieSplit=[],
          // 以分号（;）分组
          cookieArr=document.cookie.split(";");
    for(var i=0,len=cookieArr.length;i

例如，获取 name 的值：

getCookie["name"];

对上面的代码稍作修改，就可将 cookie 的值保存为对象的属性，使用时非常方便。代码如下：

/**
  *  func  getCookieObj()  获取所有cookie的值并将其保存为对象的属性
**/
function getCookieObj(){
    var cookieObj={},
          cookieSplit=[],
          // 以分号（;）分组
          cookieArr=document.cookie.split(";");
    for(var i=0,len=cookieArr.length;i

例如，获取 name 的值：

var cookieObj=getCookieObj();
cookieObj.name;

举例，设置并获取cookie的值：

    

        
用户名：
        

        
密码：
        

    
    

        

        

    

实例演示：

用户名：		密码：