1. 程式人生 > >jquery.cookie.js 使用方法

jquery.cookie.js 使用方法

plain num space line blog 網站 OS res comm

Cookies

定義:讓網站服務器把少量數據儲存到客戶端的硬盤或內存,從客戶端的硬盤讀取數據的一種技術;

下載與引入:jquery.cookie.js基於jquery;先引入jquery,再引入:jquery.cookie.js;下載:http://plugins.jquery.com/cookie/

1 2 <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script>

使用:

1.添加一個"會話cookie"

1 $.cookie(‘the_cookie‘, ‘the_value‘);

這裏沒有指明 cookie有效時間,所創建的cookie有效期默認到用戶關閉瀏覽器為止,所以被稱為 “會話cookie(session cookie)”。

2.創建一個cookie並設置有效時間為 7天

1 $.cookie(‘the_cookie‘, ‘the_value‘, { expires: 7 });

這裏指明了cookie有效時間,所創建的cookie被稱為“持久 cookie (persistent cookie)”。註意單位是:天;

3.創建一個cookie並設置 cookie的有效路徑

1 $.cookie(‘the_cookie‘, ‘the_value‘, { expires: 7, path: ‘/‘ });

在默認情況下,只有設置 cookie的網頁才能讀取該 cookie。如果想讓一個頁面讀取另一個頁面設置的cookie,必須設置cookie的路徑。cookie的路徑用於設置能夠讀取 cookie的頂級目錄。將這個路徑設置為網站的根目錄,可以讓所有網頁都能互相讀取 cookie (一般不要這樣設置,防止出現沖突)。

4.讀取cookie

1 $.cookie(
‘the_cookie‘);

5.刪除cookie

1 $.cookie(‘the_cookie‘, null); //通過傳遞null作為cookie的值即可

6.可選參數

1 2 3 4 5 6 $.cookie(‘the_cookie‘,‘the_value‘,{ expires:7, path:‘/‘, domain:‘jquery.com‘, secure:true }) 

expires:(Number|Date)有效期;設置一個整數時,單位是天;也可以設置一個日期對象作為Cookie的過期日期;
path:(String)創建該Cookie的頁面路徑;
domain:(String)創建該Cookie的頁面域名;
secure:(Booblean)如果設為true,那麽此Cookie的傳輸會要求一個安全協議,例如:HTTPS;

jquery.cookie.js 使用方法