Introduction to encapsulation, addition, acquisition, deletion, and cookies in HTML5

　Cookie is data stored on the user's local terminal.
When we log in to the website, there are passwords recorded, and there are also time limits, such as 7 days, 5 days, etc. These are all written by us using cookies.
This is the session cycle that uses cookies, but cookies also It is not safe. We can open the web page and see the password entered by the user, and it depends on the server environment.
When writing cookies, we need to set the storage path, and the value we get is a string. At the same time, it It is very small, only 4kb,
Now let’s encapsulate the cookie

Encapsulate and set the cookie:

　function setCookie(name,value,iDay) {  //传值为名，值，过期时间    if(iDay){ //如果有过期时间的话则执行这个条件
        var oDate=new Date(); //获取当且的事件戳
        oDate.setDate(oDate.getDate()+iDay); //设置过期事件
        document.cookie=name+"="+value+"; path=/; expires="+oDate;//设置cookie
    }else {//如果有过期时间的话则执行这个条件 设置cookie
        document.cookie=name+"="+value+"; path=/"; //名，值以及根目录
    }
}

Get the cookie value

function getCookie(name) {
    var arr1=document.cookie.split("; ");  获取cookie值并且用”； “来进行切割成数组
    for(var i=0;i<arr1.length;i++){  //循环本数组
        var arr2=arr1[i].split("="); //再次利用split（）方法进行切割为二维数组
        if(arr2[0]==name){  //循环二维数组，当第一个值为你所传的值则返回本数组的第二个值
            return arr2[1];
        }
    }
    return " ";
}

Delete cookie

function removeCookie(name) {
    setCookie("jack","1234",-1);  //再次调用setCookie,关键是把过期时间设置为负值
}

The above is the detailed content of Introduction to encapsulation, addition, acquisition, deletion, and cookies in HTML5. For more information, please follow other related articles on the PHP Chinese website!