码迷,mamicode.com
首页 > 其他好文 > 详细

cookie

时间:2015-07-26 18:47:31      阅读:111      评论:0      收藏:0      [点我收藏+]

标签:

今天 就来说说cookie   之前学习的时候没哟太弄懂      这周就把他们 再整理了一遍

    <script>         document.cookie=‘user=blue‘;//一个名字 一个值    

  document.cookie=‘pass=1234‘;//几条都可以 不会被覆盖  =等于添加  补指定过期时间 浏览器关闭就清除         alert(document.cookie);   

  </script>

推算 得到日期  <script>         var oDate=new Date();         oDate.setDate( oDate.getDate()+4);//加几 就往后推几天        oDate.setDate( oDate.getDate());   //得出当天日期        oDate.setDate( 31); // 括号里面是1 (当月一号  是32 就直接一次推到下个月)往后多少天都能算出来         alert(oDate.getFullYear()+‘-‘+(oDate.getMonth()+1)+‘-‘+oDate.getDate());     </script>

添加一个过期时间 <script>         var  oDate=new Date();         oDate.setDate(oDate.getDate()+14);        // document.cookie=‘user=blue;expires=‘+oDate; //expires(有效期或失效期)加oDate(日期对象)        // 设定了关闭时间后(14天)   就不会浏览器 关闭 就消失

       // document.cookie=‘pass=1234‘;//几条都可以 不会被覆盖  =等于添加  补指定过期时间 浏览器关闭就清除         alert(document.cookie);     </script>

查看cookie 火狐--页面信息--安全--查看cookie--localhost(可以看到设置时间 多久消失)

cookie 包裹函数 成型 <script>         function setCookie ( name,Value,iDay ) //(姓名,值,几天后过期)        {             var oDate=new Date();             oDate.setDate(oDate.getDate()+iDay);           document.cookie=name+‘=‘+value+‘;expires=‘+oDate;         }         setCookie(‘userName‘,‘chen‘,365);         setCookie(‘password‘,‘888‘,13);

    </script>

 

获取cookie的值

<script>         var  oDate=new Date();         oDate.setDate(oDate.getDate()+14);        document.cookie=‘user=blue;expires=‘+oDate;

        document.cookie=‘id=888‘;         document.cookie=‘add=abc‘;        document.cookie=‘pass=1234‘;

       // alert(document.cookie);       function getCookie(name) //获取cookie         {             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‘‘;  //没有就返回空         }        // alert(document.cookie);         alert(getCookie(‘pass‘)); //获取pass的值     </script>

删除数据 function removeCookie(name)         {             setCookie(name,1,-1);// 负一天后过期  就是昨天

        }         removeCookie(‘id‘);//用removeCookie删除id数据         alert(document.cookie);

 

记住上一次的用户名

 

<html> <head lang="en">     <meta charset="UTF-8">     <title></title>     <script>

        function setCookie ( name,Value,iDay )         {             var oDate=new Date();             oDate.setDate(oDate.getDate()+iDay);             document.cookie=name+‘=‘+value+‘;expires=‘+oDate;         }         setCookie(‘userName‘,‘chen‘,365);         setCookie(‘password‘,‘888‘,13);         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‘‘;             function removeCookie(name)             {                 setCookie(name,1,-1);  //调用之前的cookie

 

                window.onload=function(){      var f11=document.getElementById(‘f1‘);      var oUser=document.getElementsByName(‘user‘)[0];      f11.onsubmit=function(){          setCookie(‘user‘,oUser.value,14);      };                     oUser.value=getCookie(‘user‘);//直接记住用户名(14)               }; </script> </head> <body> <form  id="f1" action="http://tel.51240.com/028-83951316__tel/">  用户名:<input type="text" name="user"/><br>   密码:<input type="password" name="pass"/> <br>     <input type="submit" value="登录"/> </form> </body> </html>  

cookie

标签:

原文地址:http://www.cnblogs.com/Anson-xuan/p/4678154.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!