js cookie

cookie 保存一些信息 eg:自动登录记住用户名
同一个网站只有一套cookie 比如一个baidu.com/a.html baidu.com/b.html 同一套cookie否则在a网站登录一次到b网站还得再输一次()
说的就是同一个域名 (eg百度账号) cookie以域名为单位
cookie 数量大小有限(4k-10k)(恶意网站可能会弄个循环一直往你硬盘里塞东西cookie就满了)
cookie有过期时间【2周内自动登录就是靠cookie完成】

<script>
//cookie document上的一个属性而已
document.cookie='user=big';//给cookie赋值 
document.cookie='pass=12344';//并没有被覆盖 反而两条cookie都被保留了下来 cookie里=表示添加的意思 所以无论=几次都不会被覆盖
//如果不指定cookie过期时间 则浏览器一关闭cookie消失

alert(document.cookie);
</script>

现在是2019.3.10
<script>
   var oDate=new Date();
                                          setDate()设置今天是几号   设置的是对象的内部时间
    //oDate.setDate(1);//Date是日期 比如现在就会弹出2019-3-1 如果设置成32【三月只有三十一天】就会自动变成四月一
   // oDate.setDate(oDate.getDate());//弹出2019-3-10
     alert(oDate.getFullYear()+'-'+(oDate.getMonth()+1)+'-'+oDate.getDate()); //弹出当前时间 月份那个要加一
</script>

<script>
      var oDate=new Date();
      oDate.setDate(oDate.getDate()+14);  //设置对象oDate时间为2周之后  
      document.cookie='user=blue; expires='+oDate; //expires有效期限失效日期 +oDate就是相当于设置了cookie的过期时间
      alert(document.cookie);//只会弹出来user=blue 就算把上面那句cookie设置话删掉也仍旧会弹出来 因为时间过期是2周之后
</script>

将设置查看删除cookie封装成函数

<script>
   function setCookie(name,value,iDay){//设置cookie
       var oDate=new Date();
       oDate.setDate(oDate.getDate()+iDay);
       document.cookie=name+'='+value+';expirse'+oDate;
   }
   function getCookie(name){
       var arr=document.cookie.split('; '); //字符串分割 用分号和空格拆分开 split之后变成了一个数组 arr存了些这些东西 username=dancing password=12142 a=1 b=2
       for(var i=0;i<arr.length;i++){
            var arr2=arr[i].split('='); //循环数组(a=b) 利用等号 再做一次拆分
              if(arr2[0]==name){ //不是啊大哥这时候arr2 数组也就2个元素啊 不是你那一摞
                  return arr2[1];
              }
       }
       return '';//没找到相对应的名字 返回空白值
   }
   function removeCookie(name){
       setCookie(name,14,-1);//-1天后过期 昨天过期了 赶紧删
   }
setCookie('username','dancing',365);
setCookie('password','12142',14);
/*alert(document.cookie);//username=dancing; password=12142 弹出这个.多条数据依靠分号和空格隔开
alert(getCookie('username'));//弹出dancing 上面几个setcookie的语句可省可不省 因为expirse时间很长 一年两周的 
  只要设置了一次cookie 当然就会被记住 你再省略不省略啥的也没意义*/

//removeCookie('username');
alert(document.Cookie);
</script>

cookie应用记住上次用户名

<!DOCTYPE html>
<html>
<head>
<meta  charset="utf-8">
<title>diyici</title>
<script>
    function setCookie(name,value,iDay){
        var oDate=new Date();
        oDate.setDate(oDate.getDate()+iDay);
        document.cookie=name+'='+value+';expirse'+oDate;
    }
    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,14,-1);
    }
 //登录时：用户名存进cookie   onload时(登录)从cookie中读取用户名
 window.onload=function (){
     var oForm=document.getElementById('form1');
     var oUser=document.getElementsByName('user');
     oForm.onsumbit=function (){
          setCookie('user',oUser.value,14);
     };
     oUser.value=getCookie('user');
 }
 </script>
</head>
<body>

<form id="form1" action="http://www.baidu.com/">
        用户名:<input type="text" name="user" /><br>
        密码： <input type="password" name="pass"/><br>
        <input type="submit" value="登录"/>
</form>
</body>
</html>