网页中的cookie

Cookie 的用途之一是存储用户在特定网站上的密码和 ID。

Cookie是当你浏览某网站时，网站存储在你机器上的一个小文本文件，它记录了你的用户ID，密码、浏览过的网页、停留的时间等信息，当你再次来到该网站时，网站通过读取Cookie，得知你的相关信息，就可以做出相应的动作，如在页面显示欢迎你的标语，或者让你不用输入ID、密码就直接登录等。

同一个网站站点下的所有页面共享一套cookie，数量和大小有限，而且有过期时间限定即有一定的失效时间。

<script>
        document.cookie = "user=sam";
        document.cookie = "pass=123";
</script>

可以在页面查看到信息

然后关闭页面后，依然可以看到cookie信息，但是关闭浏览器之后，就不能够看到cookie。

如果想长时间保存cookie信息，就需要使用失效时间控制

<script>
        var oDate = new Date();
        oDate.setDate(oDate.getDate()+30);//表示30天后，getDate()函数表示获取当时的日期，*几日信息。setDate()用于设置日期。
        
        document.cookie = "user=sam;expires="+oDate;//多长时间失效
        document.cookie = "pass=123";
</script>

为了方便cookie使用，可以封装三个函数，
1.设置cookie函数
function setCookie(name,value,time) {
        var oTime = new Date();
        oTime.setDate(oTime.getDate()+time);

        document.cookie = name+'='+value+';expires='+oTime;
}
2.获取cookie函数
function getCookie(name) {
        var oArr = document.cookie.split('; ');
        
        for(var i=0;i<oArr.length;i++){
                var oArr1 = oArr[i].split('=');
                if(oArr1[0] == name){
                        return oArr1[1];
                }
        }
        return '';
}
3.移出cookie函数
function removeCookie(name) {
        setCookie(name,'0',-1);//将失效时间设置成负值，cookie会被消除
}
setCookie("email","hot@mail");
alert(document.cookie);


removeCookie('email');
alert(document.cookie);


使用上面三个函数制作一个简单的记录用户名并且可以自定义清除用户名的页面；