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 兼容鼠标滚轮事件
Apr 07 Javascript
jquery实现固定顶部导航效果(仿蘑菇街)
Mar 21 Javascript
JS实现黑客帝国文字下落效果
Sep 01 Javascript
分享一些常用的jQuery动画事件和动画函数
Nov 27 Javascript
Treegrid的动态加载实例代码
Apr 29 Javascript
利用Angularjs中模块ui-route管理状态的方法
Dec 27 Javascript
关于Sequelize连接查询时inlude中model和association的区别详解
Feb 27 Javascript
JavaScript 中调用 Kotlin 方法实例详解
Jun 09 Javascript
ReactNative页面跳转Navigator实现的示例代码
Aug 02 Javascript
解决mpvue + vuex 开发微信小程序vuex辅助函数mapState、mapGetters不可用问题
Aug 03 Javascript
详解如何搭建mpvue框架搭配vant组件库的小程序项目
May 16 Javascript
详解vue-router 动态路由下子页面多页共活的解决方案
Dec 22 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字符串逆序排列实现方法小结【strrev函数,二分法,循环法,递归法】
2017/01/13 PHP
php上传excel表格并获取数据
2017/04/27 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
js创建数据共享接口——简化框架之间相互传值
2011/10/23 Javascript
基于datagrid框架的查询
2013/04/08 Javascript
jQuery fadeTo方法调整图片的透明度使用介绍
2013/05/06 Javascript
JS实现程序暂停与继续功能代码解读
2013/10/10 Javascript
JavaScript拆分字符串时产生空字符的解决方案
2014/09/26 Javascript
js继承call()和apply()方法总结
2014/12/08 Javascript
JavaScript常用脚本汇总(三)
2015/03/04 Javascript
jQuery中dom元素上绑定的事件详解
2015/04/24 Javascript
javascript结合canvas实现图片旋转效果
2015/05/03 Javascript
jQuery控制DIV层实现由大到小,由远及近动画变化效果
2015/10/09 Javascript
jQuery form插件的使用之处理server返回的JSON, XML,HTML数据
2016/01/26 Javascript
js实现目录链接,内容跟着目录滚动显示的简单实例
2016/10/15 Javascript
文件上传,iframe跨域数据提交的实现
2016/11/18 Javascript
JS将unicode码转中文方法
2017/05/08 Javascript
微信小程序画布圆形进度条显示效果
2020/11/17 Javascript
详解微信小程序中组件通讯
2018/10/30 Javascript
vue draggable resizable gorkys与v-chart使用与总结
2019/09/05 Javascript
解决vue 给window添加和移除resize事件遇到的坑
2020/07/21 Javascript
[03:49]辉夜杯现场龙骑士COSER秀情商“我喜欢芬队!”
2015/12/27 DOTA
python3使用urllib模块制作网络爬虫
2016/04/08 Python
Python实现PS滤镜的万花筒效果示例
2018/01/23 Python
Python RabbitMQ消息队列实现rpc
2018/05/30 Python
实习护士自我鉴定
2013/10/13 职场文书
店长岗位职责
2013/11/21 职场文书
清明节扫墓活动方案
2014/03/02 职场文书
党的群众路线对照检查材料范文
2014/09/24 职场文书
学生检讨书
2015/01/27 职场文书
小学三八妇女节活动总结
2015/02/06 职场文书
2014年底个人工作总结
2015/03/10 职场文书
歌剧魅影观后感
2015/06/05 职场文书
旅游投诉信范文
2015/07/02 职场文书
详解Java实践之建造者模式
2021/06/18 Java/Android
防止web项目中的SQL注入
2021/12/06 MySQL