jQuery.cookie.js使用方法及相关参数解释


Posted in Javascript onMarch 06, 2017

cookie操作需要上传到服务器才能查看到结果本地不行

一个轻量级的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>

使用方法

1.新添加一个会话 cookie:

$.cookie('the_cookie', 'the_value');

注:当没有指明 cookie有效时间时,所创建的cookie有效期默认到用户关闭浏览器为止,所以被称为

“会话cookie(session cookie)”。

2.创建一个cookie并设置有效时间为 7天:

$.cookie('the_cookie', 'the_value', { expires: 7 });

注:当指明了cookie有效时间时,所创建的cookie被称为“持久 cookie (persistent cookie)”。

3.创建一个cookie并设置 cookie的有效路径:

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

注:在默认情况下,只有设置 cookie的网页才能读取该 cookie。如果想让一个页面读取另一个页面设

置的cookie,必须设置cookie的路径。cookie的路径用于设置能够读取 cookie的顶级目录。将这

个路径设置为网站的根目录,可以让所有网页都能互相读取 cookie (一般不要这样设置,防止出现冲突) 。

4.读取cookie:

$.cookie('the_cookie'); // cookie存在 => 'the_value' 
$.cookie('not_existing'); // cookie不存在 => null

5.删除cookie,通过传递null作为cookie的值即可:

$.cookie('the_cookie', null);

----------相关参数的解释---------------

1).expires: 365

定义cookie的有效时间,值可以是一个数字(从创建cookie时算起,以天为单位)或一个Date 对

象。如果省略,那么创建的cookie是会话cookie,将在用户退出浏览器时被删除。

2).path: '/'

默认情况:只有设置cookie的网页才能读取该cookie。

定义cookie的有效路径。默认情况下, 该参数的值为创建 cookie 的网页所在路径(标准浏览器的行为) 。

如果你想在整个网站中访问这个cookie需要这样设置有效路径:path: '/'。如果你想删除一个定义

了有效路径的 cookie,你需要在调用函数时包含这个路径:$.cookie('the_cookie', null,

{ path: '/' });。 domain: 'example.com'

默认值:创建 cookie的网页所拥有的域名。

3).secure: true

默认值:false。如果为true,cookie的传输需要使用安全协议(HTTPS)。

4).raw: true

默认值:false。

默认情况下,读取和写入 cookie 的时候自动进行编码和解码(使用encodeURIComponent 编码,

decodeURIComponent 解码)。要关闭这个功能设置 raw: true 即可。

以上所述是小编给大家介绍的jQuery.cookie.js使用方法及相关参数解释,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Z-Blog中用到的js代码
Mar 15 Javascript
jQuery异步加载数据并添加事件示例
Aug 24 Javascript
jQuery插件实现文字无缝向上滚动效果代码
Feb 25 Javascript
JS简单实现tab切换效果的多窗口显示功能
Sep 07 Javascript
深入理解jquery中的each用法
Dec 14 Javascript
微信小程序使用progress组件实现显示进度功能【附源码下载】
Dec 12 Javascript
微信小程序实现的3d轮播图效果示例【基于swiper组件】
Dec 11 Javascript
js实现一个页面多个倒计时的3种方法
Feb 25 Javascript
关于vue组件事件属性穿透详解
Oct 28 Javascript
VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)
Aug 27 Javascript
JS绘图Flot如何实现可选显示曲线图功能
Oct 16 Javascript
vue实现一个矩形标记区域(rectangle marker)的方法
Oct 28 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
Mar 06 #Javascript
jQuery简单实现遍历单选框的方法
Mar 06 #Javascript
jQuery在header中设置请求信息的方法
Mar 06 #Javascript
jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】
Mar 06 #Javascript
Vue.js 2.0中select级联下拉框实例
Mar 06 #Javascript
jquery获取select,option所有的value和text的实例
Mar 06 #Javascript
Bootstrap按钮组简单实现代码
Mar 06 #Javascript
You might like
php实现两个数组相加的方法
2015/02/17 PHP
分享一个Laravel好用的Cache宏
2015/03/02 PHP
php 静态属性和静态方法区别详解
2017/04/09 PHP
使用Zookeeper分布式部署PHP应用程序
2019/03/15 PHP
tp5框架内使用tp3.2分页的方法分析
2019/05/05 PHP
js 优化次数过多的循环 考虑到性能问题
2011/03/05 Javascript
jquery基础教程之deferred对象使用方法
2014/01/22 Javascript
JS实现的RGB网页颜色在线取色器完整实例
2016/12/21 Javascript
详解JavaScript中this的指向问题
2017/01/20 Javascript
详解React开发中使用require.ensure()按需加载ES6组件
2017/05/12 Javascript
JavaScript设计模式之单例模式详解
2017/06/09 Javascript
详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法
2017/08/09 jQuery
一个Js文件函数中调用另一个Js文件函数的方法演示
2017/08/14 Javascript
webpack4+Vue搭建自己的Vue-cli项目过程分享
2018/08/29 Javascript
vue通过滚动行为实现从列表到详情,返回列表原位置的方法
2018/08/31 Javascript
uploadify插件实现多个图片上传并预览
2019/09/30 Javascript
细述Javascript的加法运算符的具体使用
2019/10/18 Javascript
js实现转动骰子模型
2019/10/24 Javascript
vue自定义switch开关组件,实现样式可自行更改
2019/11/01 Javascript
Vue开发中遇到的跨域问题及解决方法
2020/02/11 Javascript
JavaScript中CreateTextFile函数
2020/08/30 Javascript
Python通过future处理并发问题
2017/10/17 Python
PyCharm在win10的64位系统安装实例
2017/11/26 Python
通过实例简单了解Python中yield的作用
2019/12/11 Python
Python ORM编程基础示例
2020/02/02 Python
pyMySQL SQL语句传参问题,单个参数或多个参数说明
2020/06/06 Python
波兰最大的儿童服装连锁店之一:5.10.15.
2018/02/11 全球购物
购买原创艺术品:Zatista
2019/11/09 全球购物
Weblogc domain问题
2014/01/27 面试题
请写一个C函数,若处理器是Big_endian的,则返回0;若是Little_endian的,则返回1
2015/07/16 面试题
Java语言程序设计测试题改错题部分
2014/07/22 面试题
小学公民道德宣传日活动总结
2015/03/23 职场文书
Python生成九宫格图片的示例代码
2021/04/14 Python
MySQL 如何分析查询性能
2021/05/12 MySQL
详细了解MVC+proxy
2021/07/09 Java/Android
Win10开机修复磁盘错误怎么跳过?Win10关闭开机磁盘检查的方法
2022/09/23 数码科技