cookie基础（一）：基本操作

最新推荐文章于 2020-08-17 12:59:16 发布

weixin_34205076

最新推荐文章于 2020-08-17 12:59:16 发布

阅读量70

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/gao-xiong/p/5879061.html

版权

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>