<script src="jquery-1.5.1.min.js"></script>
<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(); // 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;
}
};
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' : '');
}
</script>
--------------------------------------------------------------------------------
<input type="button" onclick="setcookie('haha','111','7')" />
<input type="button" onclick="alert(getcookie('haha'))" />
使用方法:
提供方便方法操作cookie :
$.cookie('the_cookie'); // 获得cookie
$.cookie('the_cookie', 'the_value'); // 设置cookie
$.cookie('the_cookie', 'the_value', { expires: 7 }); //设置带时间的cookie 7天
$.cookie('the_cookie', '', { expires: -1 }); // 删除
$.cookie('the_cookie', null); // 删除 cookie
分享到:
相关推荐
2. **读取Cookie**:通过`$.cookie(name)`获取指定名称的Cookie值,如果不存在则返回null。 3. **删除Cookie**:使用`$.removeCookie(name, options)`来删除指定的Cookie。 三、使用示例 1. **创建Cookie**: ```...
jQuery 提供了一个非常方便的方式来处理这些操作,本文将详细介绍如何利用 jQuery 和其插件来设置、获取及删除 Cookie。 #### 二、环境搭建 首先,确保您的项目环境中已经包含了 jQuery 库。可以使用 CDN 方式引入...
2. **读取Cookie**: 要获取一个cookie的值,可以使用`$.cookie(name)`,它将返回与给定名称匹配的cookie值。 3. **删除Cookie**: 删除一个cookie是通过设置其过期时间为过去来实现的,可以使用`$.removeCookie...
2. **读取Cookie**:同样使用`.cookie()`方法,但不传入任何值,即可读取Cookie: ```javascript var userName = $.cookie('username'); ``` 如果存在`username` Cookie,这段代码将返回其值。 3. **删除Cookie...
//读取Cookie值$.cookie(’the_cookie’, ‘the_value’); //设置cookie的值$.cookie(’the_cookie’, ‘the_value’, {expires ‘/’, domain true});//新建一个cookie 包括有效期 路径 域名等$.cookie(’the_...
这个插件允许开发者方便地读取、设置和删除Cookie,这对于实现用户会话管理、个性化设置等功能非常有用。 3. **HTML5 Shiv**: `html5shiv.js`是一个JavaScript解决方案,主要用于旧版IE浏览器(IE6-9),这些浏览器...
下面是一个简单的示例,展示了如何使用jQuery Cookie插件创建、读取Cookie: ```javascript $(document).ready(function() { // 创建Cookie $.cookie('name', 'runoob'); // 读取Cookie var name = $.cookie('...
要读取Cookie的值,同样使用`jQuery.cookie`方法,但不提供第二个参数: ```javascript var cookieValue = $.cookie('myCookie'); console.log(cookieValue); // 输出:cookieValue ``` ### 4. 删除Cookie 删除...
2. **读取Cookie**: ```javascript var value = $.cookie('key'); ``` 如果存在名为`key`的Cookie,`$.cookie('key')`将返回对应的值,否则返回`null`。 3. **删除Cookie**: ```javascript $.removeCookie...
//读取Cookie值 $.cookie('the_cookie', 'the_value'); //设置cookie的值 $.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新建一个cookie 包括有效期 路径 ...
该插件提供了一套简单的API,如`$.cookie('name', 'value')`来设置Cookie,`$.cookie('name')`来读取Cookie,以及`$.removeCookie('name')`来删除Cookie。在描述的案例中,我们需要设置一个Cookie来记录登录状态,...
需要注意的是,浏览器的隐私设置可能会影响cookie的存储和读取,因此在实际应用中,应考虑兼容性和用户体验,例如,当cookie不可用时提供另一种机制或提示。 以上就是使用jQuery和jquery.cookie插件实现弹窗一天只...
读取Cookie则通过调用相同的函数,但不传入值即可: ```javascript var userId = $.cookie('user_id'); ``` 若需删除某个Cookie,只需将值设为null: ```javascript $.cookie('user_id', null); ``` 在实际应用...
读取Cookie同样简单,只需调用`.cookie()`方法,但这次不传入第二个参数: ```javascript var userName = $.cookie('user'); console.log(userName); // 输出 "John Doe" ``` ### 4. 删除Cookie 要删除一个Cookie...
要获取Cookie中的JSON数据,首先读取Cookie的值,然后使用JSON.parse()将其转换回JSON对象: ```javascript var retrievedJson = $.cookie('myJson'); var deserializedJson = JSON.parse(retrievedJson); ...
3. **读取Cookie**: 要获取Cookie的值,同样使用`jQuery.cookie()`,但不传递任何值: ```javascript var cookieValue = $.cookie('the_cookie'); ``` `cookieValue`变量将包含`the_cookie`对应的值。 4. **...
读取Cookie 要读取已存在的Cookie,同样使用`$.cookie()`方法: ```javascript var currentTheme = $.cookie('theme'); // 获取名为'theme'的Cookie的值 ``` ### 4. 更新Cookie 若要更新Cookie的值,只需要再次...
2. 读取cookie:`.cookie(name)` 通过提供cookie的名称,我们可以获取其值。如果cookie不存在,将返回`null`。 示例: ```javascript var username = $.cookie('username'); ``` 3. 删除cookie:`....
在本文中,我们将深入探讨jQuery中获取和删除cookie的方法,以及如何正确处理它们的属性。 首先,让我们了解cookie的基本属性。一个cookie通常包含以下四个关键属性: 1. **名称(Name)**:这是识别cookie的唯一...