jquery.cookie使用方法

news/2024/7/10 3:54:24 标签: path, 浏览器, null, cookies, jquery, session

jquery.cookie是一个轻量级的cookie插件,可以读取,写入,删除cookie。

jquery.cookie.js的配置:

       首先包含jQuery的库文件,在后面包含jquery.cookie.js的库文件。

<script type="text/javascript" src="js/jquery-1.7.1.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',{expire:7,path:'/'});
注:在默认情况下,只有设置cookie的网页才能读取该cookie,如果想让一个页面读取另一个页面设置的cookie,必须设置cookie的路径,cookies的路径用于设置能够读取cookie的顶级目录,将这个路径设置为网站的根目录,可以让所有网页都能互相读取cookie(一般不要这样设置,防止出现冲突)

读取cookie:

$.cookie('the_cookie');       //cookie存在==>'the value'

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


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

$.cookie('the_cookie',null);


相关参数的解释:

expire: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编码,decodeURICompont解码)。要关闭这个功能设置raw:true即可。


http://www.niftyadmin.cn/n/1732289.html

相关文章

IE6 png背景图片显示不正常处理

现在web设计&#xff0c;画面是越来越炫 但是使用了透明的背景图&#xff0c;在IE6下&#xff0c; 在ie78 ff等浏览器显示正常。 解决办法&#xff1a; body{ background-color:#CCC;} 一般普通写法如下&#xff1a; div.bg1{ background:url(logo.png) no-repeat center;width…

React 的几种条件渲染以及选择

对于一个展示页面来讲, 通常有好几种展示状态(以列表页为例): 数据为空, 空页面 取数据时发生错误, 错误页面 数据正常 加载状态 针对以上三种情况, react渲染列表的时候要正确判断并渲染出相应的视图, 也就是条件渲染. 不同于vue的v-if, v-show等框架提供的api, react的条件渲…

记一次凉凉的小米面试

补充 没想到这篇文章这么火&#xff0c;所以我打算好好整理一篇面试题的文章&#xff0c;有兴趣的童鞋&#xff0c;可以关注一下这篇文章 不知道怎么了&#xff0c;发的文章有朋友反应看不到&#xff0c;好吧。 发些吐槽&#xff1a;不明白&#xff0c;为什么辛辛苦苦总结些内…

jquery捕捉回车键及jquery异步请求的方法

1、jquery捕捉回车键&#xff1a; $("html").die().live("keydown",function(event){ if(event.keyCode13){//这里添加要处理的逻辑} }); 2.jquery获得多个选中的checkbox值&#xff1a;$(input[type"checkbox"][name"types"]…

document.selection 的作用:获取选中然后进行相关操作

转&#xff1a;http://qingfeng825.iteye.com/blog/259099 一、document.selection 介绍 document.selection 表示当前网页中的选中内容。 方法有&#xff1a; clear 清除选中的内容 empty 取消选中 createRange 返回 TextRange 或 ControlRange 对象 createRangeCollection…

单元测试(三)

前言 之前谈了在本地监测代码的变动然后自动进行单元测试的流程&#xff0c;那如果我连本地服务器都不想开&#xff0c;那要怎么办呢&#xff1f; 这一次就来谈谈如何利用Travis CI来做云端单元测试。 Travis CI Travis CI 是通过绑定 Github 上面的项目&#xff0c;只要有…

webgl滤镜--会呼吸的痛

我们一起来完成一个webgl的滤镜效果&#xff0c;可能有的人会问&#xff1f;为什么要叫会呼吸的痛呢&#xff1f;没有为什么&#xff0c;因为刚睡醒 闲言少叙让我们直接看一下效果。 是的&#xff0c;上面就是我们要实现的效果&#xff0c;不是整张图片全部做一个滤镜效果&…

关于Chrome对document.documentElement.scrollTop识别

最近学习一则浮动广告JS代码时&#xff0c;IE、Firefox下都能显示正常&#xff0c;但 Chrome下出现的广告不会随着页面滚动而浮动&#xff0c;经过仔细分析&#xff0c;结合网友的提示&#xff0c;发现Chrome对 document.documentElement.scrollTop的识别有时会出现误差。不过加…