jQuery cookie是个很好的cookie插件，大概的使用方法如下example $.cookie(’name’, ‘value’);设置cookie的值，把name变量的值设为valueexample $.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true});新建一个cookie 包括有效期 路径 域名等example $.cookie(’name’, ‘value’);新建cookieexample $.cookie(’name’, null);删除一个cookie
var account= $.cookie('name');取一个cookie(name)值给myvar
代码如下
function getcookie(name) { var cookie_start = document.cookie.indexOf(name); var cookie_end = document.cookie.indexOf(";", cookie_start); return cookie_start == -1 ? '' : unescape(document.cookie.substring(cookie_start + name.length + 1, (cookie_end > cookie_start ? cookie_end : document.cookie.length))); } function setcookie(cookieName, cookieValue, seconds, path, domain, secure) { var expires = new Date(); expires.setTime(expires.getTime() + seconds); document.cookie = escape(cookieName) + '=' + escape(cookieValue) + (expires ? '; expires=' + expires.toGMTString() : '') + (path ? '; path=' + path : '/') + (domain ? '; domain=' + domain : '') + (secure ? '; secure' : ''); }
然后看了下Discuz!中对cookie的操作方法如下,发现少了个遍历用;分割的数组的处理
jQuery.cookie = function(name, value, options) { if (typeof value != 'undefined') { // name and value given, set cookie options = options || {}; if (value === null) { value = ''; options.expires = -1; } var expires = ''; if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) { var date; if (typeof options.expires == 'number') { date = new Date(); date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000)); } else { date = options.expires; } expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE } var path = options.path ? '; path=' + options.path : ''; var domain = options.domain ? '; domain=' + options.domain : ''; var secure = options.secure ? '; secure' : ''; document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join(''); } else { // only name given, get cookie var cookieValue = null; if (document.cookie && document.cookie != '') { var cookies = document.cookie.split(';'); for (var i = 0; i < cookies.length; i++) { var cookie = jQuery.trim(cookies[i]); // Does this cookie string begin with the name we want? if (cookie.substring(0, name.length + 1) == (name + '=')) { cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); break; } } } return cookieValue; } };
下面是一个示例： 先看页面HTML代码：
<a href="#" mce_href="#">Set cookie (by number of days == 10)</a><br> <a href="#" mce_href="#">Set cookie (by date == 3 days)</a><br> <a href="#" mce_href="#">Get cookie</a><br> <a href="#" mce_href="#">Delete cookie</a><br> <a href="#" mce_href="#">Set additional cookie</a><br> <a href="#" mce_href="#">Get additional cookie</a><br> <a href="#" mce_href="#">Delete additional cookie</a>
下面是JS代码：
<mce:script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js" mce_src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></mce:script> <mce:script src="jquery.cookie.js" mce_src="jquery.cookie.js"></mce:script> <mce:script type="text/javascript"><!-- $(function() { var COOKIE_NAME = 'test_cookie'; var ADDITIONAL_COOKIE_NAME = 'additional'; var options = { path: '/', expires: 10 }; // set cookie by number of days $('a').eq(0).click(function() { $.cookie(COOKIE_NAME, 'test', options); return false; }); // set cookie by date $('a').eq(1).click(function() { var date = new Date(); date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000)); $.cookie(COOKIE_NAME, 'test', { path: '/', expires: date }); return false; }); // get cookie $('a').eq(2).click(function() { alert($.cookie(COOKIE_NAME)); return false; }); // delete cookie $('a').eq(3).click(function() { $.cookie(COOKIE_NAME, null, options); return false; }); // set a second cookie $('a').eq(4).click(function() { $.cookie(ADDITIONAL_COOKIE_NAME, 'äöüß;foo=bar', { expires: 10 }); return false; }); // get second cookie $('a').eq(5).click(function() { alert($.cookie(ADDITIONAL_COOKIE_NAME)); return false; }); // delete second cookie $('a').eq(6).click(function() { $.cookie(ADDITIONAL_COOKIE_NAME, null); return false; }); }); // --></mce:script>
