當想要記住瀏覽者的一些客制化的設定時,除了使用資料庫來記錄之外,如果並不是很特別重要的設定的話,或者可以考慮使用 Cookie 的方式來記錄。
套件名稱:Cookie
套件版本:1.0
作者網站:http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/
套件網址:http://plugins.jquery.com/project/Cookie
發佈日期:2008-01-26
檔案大小:4.26 KB
檔案下載:jquery.cookie.js
方法說明:
檢視原始碼 JavaScript
1 2 | // 存取 cookie 的值; 如果只有 name 則是取值,若有 value 則表示存值 $.cookie(name[, value][, options]); |
參數說明:
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | expires(選填) 描述: cookie 的有效時間; 若沒給則當網頁關閉時就失效 預設值: 無 path(選填) 描述: 檔案路徑; 限制在此路徑底下的網頁才能存取 預設值: '' domain(選填) 描述: 網域; 限制在此網域底下的網頁才能存取 預設值: '' secure(選填) 描述: 如果設為 true 則限制只能在 https 中才能存取 預設值: '' |
使用範例:
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.cookie.js"></script> <script type="text/javascript"> $(function(){ // 先判斷是否已有 cookie 值 // 如果沒有則詢問名字並建立一筆新的 cookie if($.cookie("name")==null){ var _name = prompt("請問你的大名是?", "abgne.tw"); if(!!_name){ // 把 _name 跟 1 分別存在記錄中 $.cookie("name", _name); $.cookie("count", 1); $(".msg").html(_name + " 你是第一次拜訪本小站。"); }else{ $(".msg").html("連名字都不說,你也太低調了!"); } }else{ // 取出記錄中的 name 跟 count var _name = $.cookie("name"); var _count = $.cookie("count"); $(".msg").html(_name + " 你是第 " + (++_count) + " 次拜訪本小站。"); // 把加 1 之後的 count 寫回記錄中 $.cookie("count", _count); } }); </script> <body> <div class="msg"></div> </body> |