cookie笔记（二）

• 小荔枝
• 增
• 删
• 查
• 改

<form action="javascript:void(0)" method="get" accept-charset="utf-8">
    <label>
        账户：
        <input type="text" name="" placeholder="用户" id="uid">
    </label>
    <label>
        密码：
        <input type="password" name="" placeholder="密码" id="pasw">
    </label>
    <label>
        提交：
        <input type="button" name="" value="提交" id="btn">
    </label>
     <label>
        清除：
        <input type="button" name="" value="清除" id="remov">
    </label>
</form>

1. 设置添加

 //封装成插件，多复用。
 function setCookie(name,value,iDay){ //设置添加
         var oDate=new Date();
         oDate.setDate(oDate.getDate()+iDay);
         document.cookie=name+"="+value+";expires="+oDate;
 }

 document.getElementById("btn").onclick=function(){
             var uid=document.getElementById("uid").value;
             var pasw=document.getElementById("pasw").value;
             setCookie("uid",uid,5);
             setCookie("pasw",pasw,5);
         }

　　2.删除记录

 function remoCookie(name) //删除记录
     {
         setCookie(name,"1",-1);
     }

 document.getElementById("remov").onclick=function(){
             remoCookie("uid")
             remoCookie("pasw")
         }

　　3.获取记录

 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 ""
  }

 //我们可以让页面一加载完毕就给容器赋值，如果有的话。
 window.onload=function(){
             document.getElementById("uid").value=getCookie("uid");
             document.getElementById("pasw").value=getCookie("pasw");
         }

　　4.修改cookie

只要重新输入账户密码，就可以完成修改。