cookie基础(一):基本操作

1、什么是cookie

  页面用来保存信息。比如:自动登录、记住用户名。


2、cookie的特性

  2.1 同一个网站中所有页面共享一套cookie;比如buidu.com/a.html与baidu.com/b.html。

  2.2 数量、大小;一般浏览器cookie数量不超过50个、大小在4k-10k之间。

  2.3 过期时间。需要设置过期时间


3、js中使用cookie

  document.cookie;在本地调试时不能使用使用chrome浏览、可以使用火狐浏览器


 4、设置、获取、删除cookie

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div>cookie</div>
</body>
<script type="text/javascript">

    //设置cookie
    function setCookie(name, value, iDay){
        var oDate = new Date();
        oDate.setDate( oDate.getDate() + iDay );
        document.cookie = name+'='+value+';expires=' + oDate;
    };

    //读取cookie
    function getCookie(name){
        var array1 = document.cookie.split("; ");
        for(var i = 0; i < array1.length; i++ ){
            var array2 = array1[i].split('=');
            if(array2[0] == name){
                return array2[1];
            }
        };
        return '';
    };

    //删除cookie
    function removeCookie(name){
        setCookie(name, null, -1);
    };

    //setCookie('name', 'gaoxiong', 14);
    //setCookie('age', '23', 14);
    //setCookie('sex', "男", 14);
    removeCookie('name');
    removeCookie('age');
    removeCookie('sex');

    console.log(document.cookie);

</script>
</html>
keep learning
原文地址:https://www.cnblogs.com/gao-xiong/p/5879061.html