什么是cookie?cookie的使用（设置，读取，删除）

1.什么是cookie?

    页面用来保存信息

           比如：自动登录，记住用户名

    cookie的特性

          同一个网站所有页面共用一套cookie

         数量、大小有限

         过期时间

    js使用cookie

         document.cookie

 

   建议使用火狐浏览器，其他浏览器会干掉cookie

2.cookie的使用

     2.1设置cookie

         格式：名字=值

         不会覆盖

         过期时间：expires=时间

               时期对象的使用

         封装函数

         封装函数的例子

         function setcookie(name,value,iDay){

              var odate = new Date();

              odate.setDate(odate.getDate()+iDay)

              document.cookie=name+'='+value+';expires='+odate;

          

            }

           setcookie('userName','yxz',365);

            setcookie('psd','123',15)    //设置内容不会覆盖，过期的事件设置   不会显示在弹出框

   2.2读取cookie

        字符串分割

            //读取cookie

                function getcookie(name) {

                     var arr=document.cookie.split(';')

                     for (var i=0;i<arr.length;i++) {

                               var arr2=arr[i].split("=");

                                   if(arr2[0]=name){

                                       return arr2[1];

                                 }

                               }

                           return'';

                  }

 

   2.3删除cookie

        已经过期

          //删除cookie

               function removecookie(name) {

                     sercookie(name,1,-1);

                 }

  

 

 jquery.cookie.js  的使用

下载与引入:jquery.cookie.js基于jquery；先引入jquery，再引入：jquery.cookie.js；下载：http://plugins.jquery.com/cookie/

 

使用：

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');

5.删除cookie

$.cookie('the_cookie', null);   //通过传递null作为cookie的值即可

6.可选参数

$.cookie('the_cookie','the_value',{

    expires:7,  

    path:'/',

    domain:'jquery.com',

    secure:true

})　

expires：（Number|Date）有效期；设置一个整数时，单位是天；也可以设置一个日期对象作为Cookie的过期日期；
path：（String）创建该Cookie的页面路径；
domain：（String）创建该Cookie的页面域名；
secure：（Booblean）如果设为true，那么此Cookie的传输会要求一个安全协议，例如：HTTPS；