文章目录

  1. 1. 引入js
  2. 2. 方法
    1. 2.1. 新建会话 cookie,默认
    2. 2.2. 读取cookie
    3. 2.3. 删除cookie

jquery.cookie.js 提供了jquery中非常简单的操作cookie的方法。。

引入js

<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>

方法

新建会话 cookie,默认

  • 方法
$.cookie('the_cookie', 'the_value');
  • 案例
$.cookie('mycookie', 'lianggzone');
  • 注意
    当没有指明cookie有效时间时,所创建的cookie有效期默认到用户关闭浏览器为止。

#### 新增会话 cookie,设置有效时间为7天

  • 方法:$.cookie(‘the_cookie’, ‘the_value’);
$.cookie('the_cookie', 'the_value', { expires: 7});
  • 案例
$.cookie('mycookie', 'lianggzone', { expires: 7});
  • 注意
    当指明cookie有效时间时,所创建的cookie被称为“持久cookie”

#### 新增会话 cookie,设置有效路径

  • 方法
$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });
  • 注意
    在默认情况下,只有设置cookie的网页才能读取该 cookie。如果想让一个页面读取另一个页面设置的cookie,必须设置cookie的路径。cookie的路径用于设置能够读取 cookie的顶级目录。将这个路径设置为网站的根目录,可以让所有网页都能互相读取 cookie (一般不要这样设置,防止出现冲突)。

读取cookie

  • 方法
$.cookie('the_cookie');
  • 案例
var c1 = $.cookie('mycookie');//存在
console.info(c1);//lianggzone
var c2 = $.cookie('mycookie3');//存在
console.info(c2);//null
  • 注意
    若cookie不存在,返回null。

删除cookie

  • 方法
$.cookie('the_cookie', null); 
  • 案例
var c3 = $.cookie('mycookie2');
console.info("cookie[mycookie2]:"+c3);
c3 = $.cookie('mycookie2',null);
console.info("删除cookie[mycookie2]后:"+c3);
(完)

微信公众号

文章目录

  1. 1. 引入js
  2. 2. 方法
    1. 2.1. 新建会话 cookie,默认
    2. 2.2. 读取cookie
    3. 2.3. 删除cookie