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 相关文章推荐
js之WEB开发调试利器:Firebug 下载
Jan 13 Javascript
JavaScript 继承机制的实现(待续)
May 18 Javascript
javascript AOP 实现ajax回调函数使用比较方便
Nov 20 Javascript
用js调用迅雷下载代码的二种方法
Apr 15 Javascript
Extjs3.0 checkboxGroup 动态添加item实现思路
Aug 14 Javascript
javascript解析json数据的3种方式
May 08 Javascript
原生js实现图片层叠轮播切换效果
Feb 02 Javascript
JavaScript组合模式学习要点
Aug 26 Javascript
jQuery EasyUI Layout实现tabs标签的实例
Sep 26 jQuery
Vue三种常用传值示例(父传子、子传父、非父子)
Jul 24 Javascript
jQuery实现高级检索功能
May 28 jQuery
jquery实现图片无缝滚动 蒙版遮蔽效果
Jan 11 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
FCKeditor的安装(PHP)
2007/01/13 PHP
检查php文件中是否含有bom的函数
2012/05/31 PHP
PHP输出XML到页面的3种方法详解
2013/06/06 PHP
学习php分页代码实例
2013/10/24 PHP
php将mysql数据库整库导出生成sql文件的具体实现
2014/01/08 PHP
通过php删除xml文档内容的方法
2015/01/23 PHP
php制作文本式留言板
2015/03/18 PHP
thinkPHP3.2使用RBAC实现权限管理的实现
2019/08/27 PHP
JavaScript 设计模式 富有表现力的Javascript(一)
2010/05/26 Javascript
jquery easyui combox一些实用的小方法
2013/12/25 Javascript
可恶的ie8提示缺少id未定义
2014/03/20 Javascript
动态创建script在IE中缓存js文件时导致编码的解决方法
2014/05/04 Javascript
JQuery.get提交页面不跳转的解决方法
2015/01/13 Javascript
javascript中eval函数用法分析
2015/04/25 Javascript
js实现图片无缝滚动
2015/12/23 Javascript
基于JavaScript实现跳转提示页面
2016/09/24 Javascript
Bootstrap导航条的使用和理解3
2016/12/14 Javascript
前端 Vue.js 和 MVVM 详细介绍
2016/12/29 Javascript
基于jQuery实现火焰灯效果导航菜单
2017/01/04 Javascript
使用express搭建一个简单的查询服务器的方法
2018/02/09 Javascript
Vue中使用的EventBus有生命周期
2018/07/12 Javascript
在Express中提供静态文件的实现方法
2019/10/17 Javascript
VUE 解决mode为history页面为空白的问题
2019/11/01 Javascript
js实现验证码干扰(动态)
2021/02/23 Javascript
[05:10]2014DOTA2国际邀请赛 通往胜利之匙赛场探秘之旅
2014/07/18 DOTA
Linux 修改Python命令的方法示例
2018/12/03 Python
Django+zTree构建组织架构树的方法
2019/08/21 Python
Django Model层F,Q对象和聚合函数原理解析
2020/11/12 Python
总结表彰大会主持词
2014/03/26 职场文书
党员国庆节演讲稿范文2014
2014/09/21 职场文书
孝老爱亲事迹材料
2014/12/24 职场文书
售后服务质量承诺书
2015/04/29 职场文书
幼儿园园长新年寄语
2015/08/17 职场文书
MySQL插入数据与查询数据
2022/03/25 MySQL
python 离散点图画法的实现
2022/04/01 Python
使用Nginx+Tomcat实现负载均衡的全过程
2022/05/30 Servers