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

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