jquery.cookie.js 使用方法
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;