js使用cookie的方法详解

一，jquery操作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);

二，JS设cookie的方法

JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。

而cookie是运行在客户端的，所以可以用JS来设置cookie。

所以解决这个问题的最好的方案是采用cookie来保存该变量的值，那么如何来设置和读取cookie呢？

代码如下

<script> //设置cookie function setCookie(cname, cvalue, exdays) {     var d = new Date();     d.setTime(d.getTime() + (exdays*24*60*60*1000));     var expires = "expires="+d.toUTCString();     document.cookie = cname + "=" + cvalue + "; " + expires; } //获取cookie function getCookie(cname) {     var name = cname + "=";     var ca = document.cookie.split(';');     for(var i=0; i<ca .length; i++) {         var c = ca[i];         while (c.charAt(0)==' ') c = c.substring(1);         if (c.indexOf(name) != -1) return c.substring(name.length, c.length);     }     return ""; } //清除cookie  function clearCookie(name) {      setCookie(name, "", -1);  }  function checkCookie() {     var user = getCookie("username");     if (user != "") {         alert("Welcome again " + user);     } else {         user = prompt("Please enter your name:", "");         if (user != "" && user != null) {             setCookie("username", user, 365);         }     } } checkCookie(); </script> </ca></script>

很多小伙伴发现，

用JS存储Cookie的时候，发现在不同的目录下，调用同一个js方法来存储Cookie，到别的目录取不出或取出的值是不对的，这是因为cookie没有添加存储路径，导致访问的值是错误的。

下面，我们来把上面的程序给改进一下：

代码如下
//设置cookie function setCookie(cname, cvalue, exdays) {     var d = new Date();     d.setTime(d.getTime() + (exdays*24*60*60*1000));     var expires = "expires="+d.toUTCString();     document.cookie = cname + "=" + cvalue + "; " + expires+";path=/"; }

就是在参数后面加一个路径就可以了。