摘要：一般如果用戶輸入的中的路徑部分從第一個(gè)字符開始包含屬性所定義的字符串，瀏覽器就認(rèn)為通過檢查。表明只有當(dāng)瀏覽器和服務(wù)器之間的通信協(xié)議為加密認(rèn)證協(xié)議時(shí)，瀏覽器才向服務(wù)器提交相應(yīng)的。在中，用于保存狀態(tài)以及為瀏覽器提供一種身份識(shí)別機(jī)制。

Cookie 是瀏覽器訪問服務(wù)器后，服務(wù)器傳給瀏覽器的一段數(shù)據(jù)。
cookie是http協(xié)議的一部分，當(dāng)客戶端第一次向服務(wù)器端發(fā)送請(qǐng)求的時(shí)候，服務(wù)器會(huì)向客戶端發(fā)送一個(gè) cookie，用來保存一些信息，當(dāng)客戶端下次在向同一個(gè)服務(wù)器發(fā)送請(qǐng)求的時(shí)候，服務(wù)器通過識(shí)別客戶端的cookie，做出相應(yīng)的動(dòng)作。比如我們登陸一個(gè)網(wǎng)站的時(shí)候，這個(gè)網(wǎng)站記錄我們的用戶名和密碼，下次登陸就不用再輸入用戶名和密碼就可以直接登錄了。

Web 服務(wù)器通過發(fā)送一個(gè) Set-Cookie 的 HTTP 消息頭來創(chuàng)建一個(gè) cookie，Set-Cookie消息頭是一個(gè)字符串，其格式如下：

Set－Cookie: NAME=VALUE;Expires=DATE;Path=PATH;Domain=DOMAIN_NAME;SECURE

在chrome控制臺(tái)中，我們可以通過開發(fā)者工具來查看服務(wù)器響應(yīng)請(qǐng)求后發(fā)送給瀏覽器的http消息頭，從而看到set-cookie,具體步驟如下：F12打開開發(fā)者工具→Network

同樣在開發(fā)者工具中，可以通過Application查看服務(wù)器發(fā)送了哪些cookie：

NAME:cookie的名稱，value是設(shè)置的cookie的值。

Expires：確定Cookie有效終止日期，指定 cookie 在什么時(shí)候不會(huì)再被發(fā)送到服務(wù)器，在這個(gè)指定時(shí)間后瀏覽器將會(huì)刪除這個(gè) cookie。DATE屬性值必須按照特定的格式：Wdy(周幾), Date-Month-Year HH:MM:SS GMT ，如果不是這種格式將不會(huì)被識(shí)別。在沒有設(shè)置 expires 選項(xiàng)時(shí)，cookie 的生命周期僅限于當(dāng)前會(huì)話中，關(guān)閉瀏覽器 cookie文件會(huì)自動(dòng)消失。

Path：控制 Cookie 消息頭的發(fā)送時(shí)機(jī)，用戶請(qǐng)求資源 URL 中存在Path指定的路徑時(shí)，Web服務(wù)器才會(huì)發(fā)送Cookie 消息頭。一般如果用戶輸入的URL中的路徑部分從第一個(gè)字符開始包含Path屬性所定義的字符串，瀏覽器就認(rèn)為通過檢查。如果Path屬性的值為“/”，則Web服務(wù)器上所有的WWW資源均可讀取該Cookie。如果沒有設(shè)置path選項(xiàng)，則Path的屬性值默認(rèn)為Web服務(wù)器傳給瀏覽器的資源的路徑名。

Domain:確定哪些Internet域中的Web服務(wù)器可讀取瀏覽器所存取的Cookie，即只有來自這個(gè)域的頁(yè)面才可以使用Cookie中的信息。未設(shè)置Domain選項(xiàng)時(shí)，設(shè)置Cookie的屬性值為該Web服務(wù)器的域名。

需要注意的是，只有在 domain 選項(xiàng)核實(shí)完畢之后才會(huì)對(duì) path 屬性進(jìn)行比較。

SECURE：只有標(biāo)記沒有值，只有當(dāng)一個(gè)請(qǐng)求通過 SSL 或 HTTPS 創(chuàng)建時(shí)，包含 secure 選項(xiàng)的 cookie 才能被發(fā)送至服務(wù)器。表明只有當(dāng)瀏覽器和Web 服務(wù)器之間的通信協(xié)議為加密認(rèn)證協(xié)議時(shí)，瀏覽器才向服務(wù)器提交相應(yīng)的Cookie。

在JavaScript中，cookie用于保存狀態(tài)以及為web瀏覽器提供一種身份識(shí)別機(jī)制。在 JavaScript 中我們可以通過 document.cookie 屬性來創(chuàng)建、維護(hù)和刪除 cookie 。

設(shè)置cookie：

document.cookie="userName = mavis ";

每個(gè)cookie都是一個(gè) name/value對(duì)，若要一次設(shè)置多個(gè)name/value對(duì)，可以用下面的方法：

document.cookie = "userName=mavis; userId = 023";

在cookie中，使用escape()函數(shù)進(jìn)行編碼，它能將一些特殊符號(hào)使用十六進(jìn)制表示，特殊符號(hào)有分號(hào)（;）、逗號(hào)（,）、等號(hào)（=）以及空格等。但是使用escape()編碼后，在取出值以后需要使用unescape()進(jìn)行解碼才能得到原來的cookie值。

JavaScript中escape() 函數(shù)可對(duì)字符串進(jìn)行編碼，這樣就可以在所有的計(jì)算機(jī)上讀取該字符串。語(yǔ)法如下：escape(string)，string為要被轉(zhuǎn)義或編碼的字符串。

獲取cookie的值：
使用document.cookie可直接獲得由分號(hào)隔開的多個(gè)name/value（名/值）組成的字符串。這些名/值對(duì)包括該域名下的所有cookie。

var myCookie = document.cookie;

獲取指定的cookie值，

    //設(shè)置兩個(gè)cookie
    document.cookie = "userName=mavis";
    document.cookie = "userId = 023";
    //獲取cookie字符串
    var myCookie = document.cookie;
    var arrCookie = myCookie.split(";");
    var userName;
    for(var i = 0;i < arrCookie.length;i++){
    var myArr = arrCookie[i].split("=");
    //找到名稱為userName的cookie，并返回值
    if(userName = myArr[0]){
        userName = myArr[1];
        break;
        }
    }
    alert("welcome " + userName);  

設(shè)置cookie的有效終止日期：
當(dāng)我們第一次在某個(gè)網(wǎng)站登錄我們的ID是，有的網(wǎng)站會(huì)提醒是否保存該ID和密碼，在JavaScript中，實(shí)際上是給cookie設(shè)置一個(gè)有效日期：

document.cookie = "userId = 023; expiress = GMT_String";

這條語(yǔ)句是將userId這個(gè)cookie設(shè)置為GMT_String表示的過期時(shí)間，如果超過這個(gè)時(shí)間，cookie將會(huì)消失，不可以再被訪問。
設(shè)置cookie值在30天以后過期：

    //獲取當(dāng)前時(shí)間 
    var date=new Date(); 
    var expiresDays=30; 
    //將date設(shè)置為30天以后的時(shí)間 
    date.setTime(date.getTime()+expiresDays*24*3600*1000); 
    //將userId和userName兩個(gè)cookie設(shè)置為30天后過期 
    document.cookie = "userId = 023; userName = mavis; expires = " + date.toGMTString();     

刪除cookie：
可將其有效終止日期設(shè)置為過去的時(shí)間：

var date=new Date(); 
//將date設(shè)置為過去的時(shí)間
date.setTime(date.getTime()-10000); 
document.cookie="userId=023; expires="+date.toGMTString();

這樣就可以把userId這個(gè)cookie刪除了。

指定可訪問cookie的路徑：通過設(shè)置path屬性來指定

//指定可訪問該cookie的目錄
document.cookie = "name = mavis; path = cookiePath"

//在整個(gè)網(wǎng)站都可訪問
    document.cookie = "name = mavis; path = /"

指定可訪問cookie的主機(jī)名：主機(jī)名是指同一個(gè)域下的不同主機(jī)，一個(gè)主機(jī)中創(chuàng)建的cookie在另一個(gè)主機(jī)下是不能被訪問的，但可以通過domain參數(shù)來實(shí)現(xiàn)對(duì)其的控制。
如：document.cookie="name=value;domain=.baidu.com"; 這樣設(shè)置可使百度下的所有主機(jī)都可訪問該cookie。

一個(gè)例子：

function getCookie(name){
        if (document.cookie.length>0){
            start=document.cookie.indexOf(name + "=")
            if (start!=-1){ 
                start=start + name.length+1 
                end=document.cookie.indexOf(";",start)
                if (end==-1) end=document.cookie.length
                    return unescape(document.cookie.substring(start,end))
            } 
        }
        return ""
    }

    function setCookie(name,value,expiredays){
        var exdate=new Date()
        exdate.setDate(exdate.getDate()+expiredays)
        document.cookie=name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
    }
   setCookie("username","tank",1800); //設(shè)置cookie的值，生存時(shí)間半個(gè)小時(shí)
   alert(getCookie("test")); //取得cookie的值，顯示tank

但是在運(yùn)行的時(shí)候出了個(gè)問題，在我的chrome瀏覽器上不能顯示：

于是我上網(wǎng)查了以下原因，是因?yàn)閏hrome瀏覽器對(duì)cookie有限制，但是我給chrome瀏覽器的cookie已經(jīng)設(shè)置成“允許設(shè)置本地?cái)?shù)據(jù)”，但還是不行。看到這篇文章的大神，誰(shuí)能給我講講這是為啥嗎？感激不盡。

在edge瀏覽器上顯示出來是這樣的：

最后，路過的大神們，求你們幫忙解答一下chrome上不能執(zhí)行的問題，謝謝啦~~~~