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 相关文章推荐
深入理解JavaScript系列(13) This? Yes,this!
Jan 18 Javascript
js中精确计算加法和减法示例
Mar 28 Javascript
浅谈JavaScript中setInterval和setTimeout的使用问题
Aug 01 Javascript
概述如何实现一个简单的浏览器端js模块加载器
Dec 07 Javascript
vue 请求后台数据的实例代码
Jun 22 Javascript
JS实现多张图片预览同步上传功能
Jun 23 Javascript
Vue 中对图片地址进行拼接的方法
Sep 03 Javascript
30分钟精通React今年最劲爆的新特性——React Hooks
Mar 11 Javascript
vue使用axios上传文件(FormData)的方法
Apr 14 Javascript
JS 封装父页面子页面交互接口的实例代码
Jun 25 Javascript
在vue中使用防抖和节流,防止重复点击或重复上拉加载实例
Nov 13 Javascript
jQuery实现视频展示效果
May 30 jQuery
在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错误WARNING: SESSION_START() [FUNCTION.SESSION-START]解决方法
2014/05/04 PHP
PHP判断网络文件是否存在的方法
2015/03/12 PHP
PHP5中使用mysqli的prepare操作数据库的介绍
2019/03/18 PHP
js 返回时间戳所对应的具体时间
2010/07/20 Javascript
jQuery中:text选择器用法实例
2015/01/03 Javascript
JavaScript中Function()函数的使用教程
2015/06/04 Javascript
jQuery常用知识点总结以及平时封装常用函数
2016/02/23 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
2016/11/21 Javascript
Bootstrap学习笔记之环境配置(1)
2016/12/07 Javascript
EditPlus中的正则表达式 实战(2)
2016/12/15 Javascript
bootstrap中的 form表单属性role=&quot;form&quot;的作用详解
2017/01/20 Javascript
vue结合axios与后端进行ajax交互的方法
2018/07/06 Javascript
vue 解除鼠标的监听事件的方法
2019/11/13 Javascript
[02:38]DOTA2亚洲邀请赛 IG战队巡礼
2015/02/03 DOTA
[01:20:06]TNC vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
网站渗透常用Python小脚本查询同ip网站
2017/05/08 Python
Python cookbook(数据结构与算法)保存最后N个元素的方法
2018/02/13 Python
Python 访问限制 private public的详细介绍
2018/10/16 Python
Python configparser模块配置文件过程解析
2020/03/03 Python
Python实现猜年龄游戏代码实例
2020/03/25 Python
在pycharm中关掉ipython console/PyDev操作
2020/06/09 Python
解决python和pycharm安装gmpy2 出现ERROR的问题
2020/08/28 Python
Python eval函数原理及用法解析
2020/11/14 Python
Gap中国官网:美式休闲风服饰
2017/02/05 全球购物
巴西最大的珠宝连锁店:Vivara
2019/04/18 全球购物
国外软件测试工程师面试题
2016/12/09 面试题
高中生学习生活的自我评价
2013/10/09 职场文书
师范院校学生自荐信范文
2013/12/27 职场文书
社区敬老月活动实施方案
2014/02/17 职场文书
宿舍保安职务说明书
2014/02/25 职场文书
乡村文明行动实施方案
2014/03/29 职场文书
我的中国梦口号
2014/06/16 职场文书
幼儿园教师节演讲稿
2014/09/03 职场文书
2014年大学生党员评议表自我评价
2014/09/20 职场文书
2016年劳模先进事迹材料
2016/02/25 职场文书
redis通过6379端口无法连接服务器(redis-server.exe闪退)
2021/05/08 Redis