Home » jQuery 外掛

[jQ]Cookie 1.0

範例 1
沒錯!只要 300 元就能獲得我們團隊完整的協助,讓效果能迅速的整合到您的網站,並保證瀏覽器的相容性。
立刻申請!

Cookie 1.0

當想要記住瀏覽者的一些客制化的設定時,除了使用資料庫來記錄之外,如果並不是很特別重要的設定的話,或者可以考慮使用 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>
範例 1

檔案描述
基本的範例檔案(免空) 開始下載
基本的範例檔案 會員限定

發表迴響