cookie

cookie是浏览网页时，记录在计算机本地文件夹的一些资料。

基本语法

1.设置cookie
document.cookie=’名称=值’;

document.cookie='username=rexana';

2.设置cookie过期时间，默认是关闭浏览器时
expires=字符串时间

var oDate = new Date(); //获取当前时间
oDate.setDate(oDate.getDate()+5); //getDate()获取月份的第几号，+5表示5天后过期。setDate修改oDate的值。
document.cookie='age=18;expires='+oDate.toGTMString();//oDate.toGTMString()把oDate转换成字符串形式

3.信息编码
encodeURI(“信息”);

document.cookie='username='+encodeURI("REXANA")+';expires='+oDate.toGTMString();

4.信息解码
decodeURI(“信息”);
5.获取cookie

var arr = document.cookie.split("; ");  //分隔标志是一个分号加上一个空格，不能把空格遗漏
for(var i=0;i<arr.length;i++){
    var arr2 = arr[i].split("=");
    if(arr2[0] == 'age'){
        alert(decodeURI(arr2[1]));
    }
}

具体代码见：https://github.com/rexana3/drag 中的cookie.html文件

对代码进行封装

window.onload = function(){
    setCookie("user","rexana",5);
    getCookie("user");
    function setCookie(key,value,time){
        var oDate = new Date();
        oDate.setDate(oDate.getDate()+time);
        document.cookie=key+'='+value+';expires='+oDate.toGMTString();
    }
    function getCookie(key){
        var arr = document.cookie.split("; ");
        for(var i=0;i<arr.length;i++){
            var arr2 = arr[i].split("=");
            if(arr2[0] ==key){
                console.log(arr2[1]);
            }
        }
    }
}

具体代码见：https://github.com/rexana3/drag 中的cookie封装.html文件

cookie实例

通过cookie记住用户名
具体代码见：https://github.com/rexana3/drag 中的cookie实例.html文件