cookie 缓存
使用说明
本框架集成了jquery.cookie.js
,不需要再单独引入该文件,直接使用该插件的cookie方法即可。格式如下:
<script type="text/javascript"> $.cookie('cookieName', 'cookieValue', { expires: 7, path: '/', domian: 'site.com', secure: ture }); </script>
一般简写如下:
<script type="text/javascript"> $.cookie('cookieName', 'cookieValue', { expires: 7, path: '/' }); </script>
cookieName
是定义cookie名称cookieValue
是定义该cookie的值expires
是定义cookie的有效期。可以设置一个整数作为有效期(单位:天),也可以设置一个日期对象为Cookie的过期日期。如果指定日期为负数,例如已经过去的日子,那么此Cookie将被删除;如果不设置或者设置为null,那么此Cookie将被当做SessionCookie处理,并在浏览器关闭后删除。path
是定义cookie的路径属性。默认是创建该Cookie的页面路径。domian
是定义cookie的域名属性。默认是创建该Cookie的页面域名。secure
是定义cookie传输方式。默认false,如果设置为true,那么该Cookie的传输会要求一个安全协议,例如HTTPS。
设置cookie
<script type="text/javascript"> $.cookie('cookieName', cookieValue', { expires: 7 }); </script>
读取cookie
<script type="text/javascript"> $.cookie('cookieName'); </script>
删除cookie
<script type="text/javascript"> $.cookie('cookieName', null); //$.cookie("cookieName", '', { expires: -1 });设置过去时间也等于删除 //$.removeCookie('cookieName', { path: '/' });使用removeCookie方法 </script>
实例1:点击按钮设置cookie值
<script type="text/javascript"> $("#setCookie").click(function(){ $.cookie('cookieName', 'cookieValue', { expires: 7 }); $("#cookieValue").text($.cookie('cookieName')); }); </script>
实例2:点击按钮查看cookie值
<script type="text/javascript"> $("#lookCookie").click(function(){ $("#cookieValue").text($.cookie('cookieName')); }); </script>
实例3:点击按钮清除cookie值
<script type="text/javascript"> $("#clearCookie").click(function(){ $.cookie('cookieName',null); }); </script>
实例4:过期时间定义到分
<script type="text/javascript"> var expire= new Date(); var expiresDate.setTime(expire.getTime() + (60 * 24 * 365)); //60 * 24 * 365意思是60分*24*365,也就是说该cookie有效期是一年 $.cookie('cookieName', 'cookieValue', { path : '/', expires : expiresDate }); } </script>