JavaScript是執行在客戶端的指令碼，因此一般是不能夠設定Session的，因為Session是執行在伺服器端的。

而cookie是執行在客戶端的，所以可以用JS來設定cookie.

假設有這樣一種情況，在某個用例流程中，由A頁面跳至B頁面，若在A頁面中採用JS用變數temp儲存了某一變數的值，在B頁面的時候，同樣需要使用JS來引用temp的變數值，對於JS中的全域性變數或者靜態變數的生命週期是有限的，當發生頁面跳轉或者頁面關閉的時候，這些變數的值會重新載入，即沒有達到儲存的效果。解決這個問題的最好的方案是採用cookie來儲存該變數的值，那麼如何來設定和讀取cookie呢？

首先需要稍微瞭解一下cookie的結構，簡單地說：cookie是以鍵值對的形式儲存的，即key=value的格式。各個cookie之間一般是以“;”分隔。

JS設定cookie:

假設在A頁面中要儲存變數username的值(“jack”)到cookie中,key值為name，則相應的JS程式碼為：

document.cookie="name="+username;  

JS讀取cookie:

假設cookie中儲存的內容為：name=jack;password=123

則在B頁面中獲取變數username的值的JS程式碼如下：

var username=document.cookie.split(";")[0].split("=")[1];  

下面就分別封裝3個方法來實現設定、讀取、刪除cookie

1. 設定cookies

//name為cookie的名稱,value為name值,expireHours為過期時間
function setCookie(name,value,expireHours) 
{ 
    var exp = new Date(); 
    exp.setTime(exp.getTime() + expireHours*60*60*1000); //exp過期時間 = 當前時間 +過期時間(秒)
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString(); 
    //將值及過期時間一起儲存至cookie中(需以GMT格式表示的時間字串)
 

    //方法是用escape()函式進行編碼，它能將一些特殊符號使用十六進位制表示，例如空格將會編碼為“20%”，從而可以儲存於 cookie值中，而且使用此種方案還可以避免中文亂碼的出現。
}

2. 讀取cookies

function getCookie(name) 
{ 
    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");

    if(arr=document.cookie.match(reg))

        return unescape(arr[2]); 
    else 
        return null; 
} 

3. 刪除cookies

function delCookie(name) 
{ 
    var exp = new Date(); 
    exp.setTime(exp.getTime() - 1); //將date設定為過去的時間
    var cval=getCookie(name); 
    if(cval!=null) 
        document.cookie= name + "="+cval+";expires="+exp.toGMTString(); 
}