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 入门基础学习
Mar 10 Javascript
css transform 3D幻灯片特效实现步骤解读
Mar 27 Javascript
javascript 弹出的窗口返回值给父窗口具体实现
Nov 23 Javascript
jQuery实现视频作为全屏幕背景
Dec 18 Javascript
举例讲解JavaScript中关于对象操作的相关知识
Nov 16 Javascript
最丑的时钟效果!js canvas时钟制作方法
Aug 15 Javascript
javascript中href和replace的比较(详解)
Nov 25 Javascript
JavaScript模板引擎Template.js使用详解
Dec 15 Javascript
详解Vue.js Mixins 混入使用
Sep 15 Javascript
vue 父组件调用子组件方法及事件
Mar 29 Javascript
vue里如何主动销毁keep-alive缓存的组件
Mar 21 Javascript
利用Node.js如何实现文件循环覆写
Apr 05 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
第十四节 命名空间 [14]
2006/10/09 PHP
小谈php正则提取图片地址
2014/03/27 PHP
PHP+Mysql+Ajax+JS实现省市区三级联动
2014/05/23 PHP
PHP实现微信支付(jsapi支付)流程步骤详解
2018/03/15 PHP
laravel自定义分页的实现案例offset()和limit()
2019/10/15 PHP
JSON无限折叠菜单编写实例
2013/12/16 Javascript
js实现鼠标悬停图片上时滚动文字说明的方法
2015/02/17 Javascript
JavaScript转换二进制编码为ASCII码的方法
2015/04/16 Javascript
javascript数组去重的六种方法汇总
2015/08/16 Javascript
Jquery插件之Fancybox丰富的弹出层效果附源码下载
2015/12/02 Javascript
jQuery实现为LI列表前3行设置样式的方法【2种方法】
2016/09/04 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
2017/01/17 Javascript
vue如何从接口请求数据
2017/06/22 Javascript
简单谈谈原生js的math对象
2017/06/27 Javascript
Vue中的数据监听和数据交互案例解析
2017/07/12 Javascript
Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)
2018/08/16 Javascript
微信小程序onLaunch异步,首页onLoad先执行?
2018/09/20 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
2019/05/08 Javascript
Node如何后台数据库使用增删改查功能
2019/11/21 Javascript
javascript事件循环event loop的简单模型解释与应用分析
2020/03/14 Javascript
vue组件实现移动端九宫格转盘抽奖
2020/10/16 Javascript
[02:51]DOTA2 2015国际邀请赛中国区预选赛第一日战报
2015/05/27 DOTA
Android模拟器无法启动,报错:Cannot set up guest memory ‘android_arm’ Invalid argument的解决方法
2016/07/01 Python
对Python实现累加函数的方法详解
2019/01/23 Python
python实现大战外星人小游戏实例代码
2019/12/26 Python
Juicy Couture Beauty官方网站:香水和化妆品
2019/03/12 全球购物
巴西独家产品和现场演示购物网站:Shoptime
2019/07/11 全球购物
俄罗斯GamePark游戏商店网站:购买游戏、游戏机和配件
2020/03/13 全球购物
适用于所有创业者的创业计划书
2014/02/05 职场文书
函授自我鉴定范文
2014/02/06 职场文书
2014年党员公开承诺书范文
2014/03/28 职场文书
党课培训心得体会
2014/09/02 职场文书
技术股东合作协议书
2014/12/02 职场文书
小学少先队辅导员述职报告
2015/01/10 职场文书
2015年音乐教师个人工作总结
2015/05/20 职场文书
详解java如何集成swagger组件
2021/06/21 Java/Android