jquery.cookie.js插件實現瀏覽器的cookie存儲,該插件是基於jquery開發,方便cookie使用。javascript
jquerycookie.js的下載地址 http://plugins.jquery.com/project/cookiehtml
1.準備工做java
1)因爲該插件依賴jQuery,因此首先在頁面引入jquey插件jquery
2)在頁面引入jQuery.cookie.js瀏覽器
2.使用方法cookie
設置cookie spa
/* ** 設置cookie ** 第一個參數設置cookie的key ** 第二個參數設置cookie的value ** path設置cookie的路徑 ** expires設置cookie的失效時間,若是沒有設置爲瀏覽器關閉時失效。 */ $.cookie("area","002",{ path: '/', expires: 10});
讀取cookie插件
/* ** 讀取cookie */ console.log($.cookie("area"));
刪除cookiecode
/* **刪除cookie ** */ $.cookie("area",null,{ path: '/', expires: 10});
舉例說明htm
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <meta charset="utf-8"> 6 </head> 7 <body> 8 <script type="text/javascript" src="jquery.js"></script> 9 <script type="text/javascript" src="jquery.cookie.js"></script> 10 <script type="text/javascript"> 11 $(function(){ 12 /* 13 ** 設置cookie 14 ** 第一個參數設置cookie的key 15 ** 第二個參數設置cookie的value 16 ** path設置cookie的路徑 17 ** expires設置cookie的失效時間,若是沒有設置爲瀏覽器關閉時失效。 18 */ 19 $.cookie("area","002",{ path: '/', expires: 10}); 20 21 /* 22 ** 讀取cookie 23 */ 24 console.log($.cookie("area")); 25 26 /* 27 **刪除cookie 28 ** 29 */ 30 $.cookie("area",null,{ path: '/', expires: 10}); 31 }); 32 </script> 33 </body> 34 </html>