编程 Javascript

基于JQuery的cookie插件

Posted in Javascript onApril 07, 2010

简单使用方法：

<html> 
<head> 
<title>JQuery-Cookie插件</title> 
<script type="text/javascript" src="jquery-1.4.js"></script> 
<script type="text/javascript" src="jquery.cookie.js"></script> 
</head> 
<body> 
<a href="#">设置cookie1</a><br> 
<a href="#">设置cookie2</a><br> 
<a href="#">获取cookie</a><br> 
<a href="#">删除cookie</a><br> 
</body> 
</html> 
<script type="text/javascript"> 
$(function(){ 
var COOKIE_NAME = 'test_cookie'; 
//设置cookie，通过时间间隔 
$('a').eq(0).click(function() { 
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: 1 }); 
return false; 
}); 
// 设置cookie，到期时间 
$('a').eq(1).click(function() { 
var date = new Date(); 
date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000)); 
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: date }); 
return false; 
}); 
// 获取 cookie 
$('a').eq(2).click(function() { 
alert($.cookie(COOKIE_NAME)); 
return false; 
}); 
// 删除cookie 
$('a').eq(3).click(function() { 
$.cookie(COOKIE_NAME, null, { path: '/' }); 
return false; 
}); 
}); 
</script>

插件的源代码也很简单：

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(); 
} 
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 { 
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]); 
if (cookie.substring(0, name.length + 1) == (name + '=')) { 
cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); 
break; 
} 
} 
} 
return cookieValue; 
} 
};

cookie的插件

另外可以参考：
jquery cookie插件代码类

基于JQuery的cookie插件

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery 入门讲解1

Apr 15 Javascript

GRID拖拽行的实例代码

Jul 18 Javascript

使用ImageMagick进行图片缩放、合成与裁剪(js+python)

Sep 16 Javascript

jquery获取div距离窗口和父级dv的距离示例

Oct 10 Javascript

javascript弹出页面回传值的方法

Jan 28 Javascript

深入学习JavaScript对象

Oct 13 Javascript

WEB开发之注册页面验证码倒计时代码的实现

Dec 15 Javascript

使用vue-aplayer插件时出现的问题的解决

Mar 02 Javascript

WebPack配置vue多页面的技巧

May 15 Javascript

JS实现获取进今年第几天是周几的方法分析

Jun 27 Javascript

JS实现倒计时图文效果

Nov 17 Javascript

Openlayers实现图形绘制

Sep 28 Javascript

JQuery为textarea添加maxlength属性的代码

Apr 07 #Javascript

JavaScript和JQuery实用代码片段（一）

Apr 07 #Javascript

jquery 学习笔记一

Apr 07 #Javascript

ext jquery 简单比较

Apr 07 #Javascript

jQuery asp.net 用json格式返回自定义对象

Apr 07 #Javascript

FileUpload 控件禁止手动输入或粘贴的实现代码

Apr 07 #Javascript

js 小贴士一星期合集

Apr 07 #Javascript