這篇文章主要介紹了JavaScript操作cookie類,實例分析了javascript針對cookie的設置、讀取、刪除等常用技巧,非常具有實用價值,需要的朋友可以參考下

本文實例講述了JavaScript操作cookie類。分享給大家供大家參考。具體如下：

用法：

一、設置cookie

1. var cookie = new JSCookie(); 
2. // 普通設置 
3. cookie .SetCookie("key1","val1"); 
4. // 過期時間為一年 
5. var expire_time = new Date(); 
6. expire_time.setFullYear(expire_time.getFullYear() + 1); 
7. cookie .SetCookie("key2","val2",expire_time); 
8. // 設置域及路徑，帶過期時間 
9. cookie .SetCookie("key3","val3",expire_time,".cnblogs.com","/"); 
10. // 設置帶子鍵的cookie,子鍵分別是k1,k2,k3 
11. cookie .SetCookie("key4","k1=1&k2=2&k3=3"); 

二、讀取cookie

1. // 簡單獲取 
2. cookie .GetCookie("key1"); 
3. cookie .GetCookie("key2"); 
4. cookie .GetCookie("key3"); 
5. cookie .GetCookie("key4"); 
6. // 獲取key4的子鍵k1值 
7. cookie .GetChild("key4","k1"); 

三、刪除

1. cookie .Expire("key1"); 
2. cookie .Expire("key2"); 
3. cookie .Expire("key3"); 
4. cookie .Expire("key4"); 

示例：

1. <script type="text/javascript"> 
2. String.prototype.Trim = function() 
3. { 
4. return this.replace(/^/s+/g,"").replace(//s+$/g,""); 
5. } 
6. function JSCookie() 
7. { 
8. this.GetCookie = function(key) 
9. { 
10. var cookie = document.cookie; 
11. var cookieArray = cookie.split(';'); 
12. var getvalue = ""; 
13. for(var i = 0;i<cookieArray.length;i++) 
14. { 
15. if(cookieArray[i].Trim().substr(0,key.length) == key) 
16. { 
17. getvalue = cookieArray[i].Trim().substr(key.length + 1); 
18. break; 
19. } 
20. } 
21. return getvalue; 
22. }; 
23. this.GetChild = function(cookiekey,childkey) 
24. { 
25. var child = this.GetCookie(cookiekey); 
26. var childs = child.split('&'); 
27. var getvalue = ""; 
28. for(var i = 0;i < childs.length;i++) 
29. { 
30. if(childs[i].Trim().substr(0,childkey.length) == childkey) 
31. { 
32. getvalue = childs[i].Trim().substr(childkey.length + 1); 
33. break; 
34. } 
35. } 
36. return getvalue; 
37. }; 
38. this.SetCookie = function(key,value,expire,domain,path) 
39. { 
40. var cookie = ""; 
41. if(key != null && value != null) 
42. cookie += key + "=" + value + ";"; 
43. if(expire != null) 
44. cookie += "expires=" + expire.toGMTString() + ";"; 
45. if(domain != null) 
46. cookie += "domain=" + domain + ";"; 
47. if(path != null) 
48. cookie += "path=" + path + ";"; 
49. document.cookie = cookie; 
50. }; 
51. this.Expire = function(key) 
52. { 
53. expire_time = new Date(); 
54. expire_time.setFullYear(expire_time.getFullYear() - 1); 
55. var cookie = " " + key + "=e;expires=" + expire_time + ";" 
56. document.cookie = cookie; 
57. } 
58. } 
59. </script> 

至此完畢.

希望本文所述對大家的javascript程序設計有所幫助。