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实现UTF8编码转换成gb2312编码
Dec 22 Javascript
jQuery 解析xml文件
Aug 09 Javascript
javascript设计模式Constructor(构造器)模式
Aug 19 Javascript
基于JavaScript实现的折半查找算法示例
Apr 14 Javascript
web前端vue之CSS过渡效果示例
Jan 10 Javascript
基于vue监听滚动事件实现锚点链接平滑滚动的方法
Jan 17 Javascript
Vue使用vux-ui自定义表单验证遇到的问题及解决方法
May 10 Javascript
使用vue.js在页面内组件监听scroll事件的方法
Sep 11 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
Sep 15 Javascript
node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例
Dec 23 Javascript
vue 防止页面加载时看到花括号的解决操作
Nov 09 Javascript
HTML+VUE分页实现炫酷物联网大屏功能
May 27 Vue.js
在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生成随机字符串可指定纯数字、纯字母或者混合的
2014/04/18 PHP
PHP正则验证Email的方法
2015/06/15 PHP
关于扩展 Laravel 默认 Session 中间件导致的 Session 写入失效问题分析
2016/01/08 PHP
yii使用bootstrap分页样式的实例
2017/01/17 PHP
js 判断checkbox是否选中的实现代码
2010/11/23 Javascript
javascript版的in_array函数(判断数组中是否存在特定值)
2014/05/09 Javascript
15个jquery常用方法、小技巧分享
2015/01/13 Javascript
js实现字符串和数组之间相互转换操作
2016/01/12 Javascript
jqGrid 学习笔记整理——进阶篇(一 )
2016/04/17 Javascript
Bootstrap按钮组件详解
2016/04/26 Javascript
微信小程序 开发工具快捷键整理
2016/10/31 Javascript
详解js运算符单竖杠“|”与“||”的用法和作用介绍
2016/11/04 Javascript
Angularjs中的验证input输入框只能输入数字和小数点的写法(推荐)
2017/08/16 Javascript
使用JQuery实现图片轮播效果的实例(推荐)
2017/10/24 jQuery
详解webpack 入门与解析
2018/04/09 Javascript
react项目实践之webpack-dev-serve
2018/09/14 Javascript
node之本地服务器图片上传的方法示例
2019/03/26 Javascript
JS实现点击发送验证码 xx秒后重新发送功能
2019/07/30 Javascript
python中xrange和range的区别
2014/05/13 Python
Python实现字典的遍历与排序功能示例
2017/12/23 Python
Jupyter中直接显示Matplotlib的图形方法
2018/05/24 Python
python3常用的数据清洗方法(小结)
2019/10/31 Python
Python如何实现邮件功能
2020/05/27 Python
python实现测试工具(一)——命令行发送get请求
2020/10/19 Python
python可视化 matplotlib画图使用colorbar工具自定义颜色
2020/12/07 Python
Python虚拟环境virtualenv创建及使用过程图解
2020/12/08 Python
英国和世界各地鲜花速递专家:Arena Flowers
2018/02/10 全球购物
致800米运动员广播稿
2014/02/16 职场文书
《夜晚的实验》教学反思
2014/02/19 职场文书
党员实事承诺书
2014/03/26 职场文书
项目经理任命书
2014/06/04 职场文书
新党章心得体会
2014/09/04 职场文书
python实现网络五子棋
2021/04/11 Python
MySQL大小写敏感的注意事项
2021/05/24 MySQL
使用pd.merge表连接出现多余行的问题解决
2022/06/16 Python
python中使用redis用法详解
2022/12/24 Redis