jquery.cookie.js使用指南


Posted in Javascript onJanuary 05, 2015

jquery.cookie.js是一个轻量级的cookie插件,可以读取、写入、删除cookie。

jquery.cookie.js的配置

首先包含jQuery的库文件,在后面包含jquery.cookie.js的库文件。

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>

<script type="text/javascript" src="js/jquery.cookie.js"></script>

使用方法

新添加一个会话cookie:

$.cookie('the_cookie', 'the_value');

注:当没有指明cookie有效时间时,所创建的cookie有效期默认到用户关闭浏览器为止,所以被称为“会话cookie(session cookie)”。 创建一个cookie并设置有效时间为7天:

$.cookie('the_cookie', 'the_value', { expires: 7 });

注:当指明了cookie有效时间时,所创建的cookie被称为“持久cookie(persistent cookie)”。 创建一个cookie并设置cookie的有效路径:

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

注: 在默认情况下,只有设置cookie的网页才能读取该cookie。如果想让一个页面读取另一个页面设置的cookie,必须设置cookie的路径。 cookie的路径用于设置能够读取cookie的顶级目录。将这个路径设置为网站的根目录,可以让所有网页都能互相读取cookie(一般不要这样设 置,防止出现冲突)。 读取cookie:

$.cookie('the_cookie'); // cookie存在 => 'the_value' $.cookie('not_existing'); // cookie不存在 => null

删除cookie,通过传递null作为cookie的值即可: $.cookie('the_cookie', null);

相关参数的解释

expires: 365

定义cookie的有效时间,值可以是一个数字(从创建cookie时算起,以天为单位)或一个Date对
象。如果省略,那么创建的cookie是会话cookie,将在用户退出浏览器时被删除。

path: '/'

默认情况:只有设置cookie的网页才能读取该cookie。
定义cookie的有效路径。默认情况下,该参数的值为创建cookie的网页所在路径(标准浏览器的行为)。如果你想在整个网站中访问这个cookie需要这样设置有效路径:path: '/'。如果你想删除一个定义了有效路径的cookie,你需要在调用函数时包含这个路径:$.cookie('the_cookie', null,
{ path: '/' });。

domain: 'example.com'

默认值:创建cookie的网页所拥有的域名。 secure: true
默认值:false。如果为true,cookie的传输需要使用安全协议(HTTPS)。 raw: true 默认值:false。
默认情况下,读取和写入cookie的时候自动进行编码和解码(使用encodeURIComponent编码,
decodeURIComponent解码)。要关闭这个功能设置raw: true即可。

Javascript 相关文章推荐
20行代码实现的一个CSS覆盖率测试脚本
Jul 07 Javascript
jQuery实现的输入框选择时间插件用法实例
Feb 28 Javascript
JS绘制生成花瓣效果的方法
Aug 05 Javascript
纯js代码制作的网页时钟特效【附实例】
Mar 30 Javascript
vue2.0开发实践总结之疑难篇
Dec 07 Javascript
jQuery中on方法使用注意事项详解
Feb 15 Javascript
聊聊JavaScript如何实现继承及特点
Apr 07 Javascript
angular内置provider之$compileProvider详解
Sep 27 Javascript
js中获取URL参数的共用方法getRequest()方法实例详解
Oct 24 Javascript
原生js实现获取form表单数据代码实例
Mar 27 Javascript
Vue双向绑定实现原理与方法详解
May 07 Javascript
JavaScript封装单向链表的示例代码
Sep 17 Javascript
在Google 地图上实现做的标记相连接
Jan 05 #Javascript
js获取时间并实现字符串和时间戳之间的转换
Jan 05 #Javascript
jQuery中attr()方法用法实例
Jan 05 #Javascript
jQuery实现自定义下拉列表
Jan 05 #Javascript
使用javascript实现监控视频播放并打印日志
Jan 05 #Javascript
jQuery圆形统计图开发实例
Jan 04 #Javascript
jQuery中:selected选择器用法实例
Jan 04 #Javascript
You might like
一段防盗连的PHP代码
2006/12/06 PHP
php中eval函数的危害与正确禁用方法
2014/06/30 PHP
浅谈PHP进程管理
2019/03/08 PHP
laravel5环境隐藏index.php后缀(apache)的方法
2019/10/12 PHP
a标签的css样式四个状态
2021/03/09 HTML / CSS
Javascript中暂停功能的实现代码
2007/03/04 Javascript
javascript 日期常用的方法
2009/11/11 Javascript
JavaScript 直接操作本地文件的实现代码
2009/12/01 Javascript
javascript 浏览器检测代码精简版
2010/03/04 Javascript
jQuery Select(单选) 模拟插件 V1.3.62 改进版
2010/07/17 Javascript
JS常见问题整理(持续更新)
2013/08/06 Javascript
Javascript中call的两种用法实例
2013/12/13 Javascript
JS对象转换为Jquery对象示例
2014/01/26 Javascript
Javascript 按位与运算符 (&amp;)使用介绍
2014/02/04 Javascript
在NodeJS中启用ECMAScript 6小结(windos以及Linux)
2014/07/15 NodeJs
JavaScript sort数组排序方法和自我实现排序方法小结
2016/06/06 Javascript
简单实现js间歇或无缝滚动效果
2016/06/29 Javascript
手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现
2016/08/25 Javascript
js控制li的隐藏和显示实例代码
2016/10/15 Javascript
jQuery实现菜单的显示和隐藏功能示例
2018/07/24 jQuery
微信小程序自定义轮播图
2018/11/04 Javascript
微信小程序点击顶部导航栏切换样式代码实例
2019/11/12 Javascript
Vue如何基于es6导入外部js文件
2020/05/15 Javascript
[01:56]生活中的妖精之七夕特别档
2016/08/09 DOTA
Python读取ini文件、操作mysql、发送邮件实例
2015/01/01 Python
Python解析nginx日志文件
2015/05/11 Python
亚洲最大的眼镜批发商和零售商之一:Glasseslit
2018/10/08 全球购物
北京大学自荐信范文
2014/01/28 职场文书
土木工程专业推荐信
2014/02/19 职场文书
食品安全处置方案
2014/06/14 职场文书
党的群众路线教育实践活动心得体会范文
2014/11/05 职场文书
行政主管岗位职责
2015/02/03 职场文书
工程技术负责人岗位职责
2015/04/13 职场文书
红楼梦读书笔记
2015/06/25 职场文书
用Python可视化新冠疫情数据
2022/01/18 Python
Java中的随机数Random
2022/03/17 Java/Android