cookie

什么是cookie

cookie是存放在电脑文件中的一些数据

可以存储网页中的内容，并保留一段时间

限制：

一个浏览器cookie最多为300个，每个不超过4kb，每个网页站点最多20个

用途：

常用来做登陆判断，保存登陆用户名密码，简化登陆手续

生存周期：

默认是在退出浏览器时删除，也可以制定一个expire值，存储一定时间，当过期时关闭浏览器，自动清除cookie

cookie使用

//cookie内数据都以键值对的形式存在  例如  name=jj

//1  创建cookie
document.cookie="username=jj";
//1.2  给cookie添加过期时间   以gmt时间为格式        格林威治时间 (GMT)
document.cookie="username=jj;expires=Thu, 18 Dec 2043 12:00:00 GMT";
//1.3  修改cookie
document.cookie="username=John Smith; expires=Thu, 18 Dec 2043 12:00:00 GMT ";

//2  获取cookie
document.cookie; //键=值;键=值;键=值


//3  删除cookie        删除时无需指定cookie的值，设置时间为以前的任意时间即可
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

设置使用cookie的函数（自定义）

//1.  设置cookie的函数

function setCookie(name,value,dayTime)  //dayTime是以天为计时单位
{
    var d=new Date();
    d.setTime(d.getTime()+dayTime*24*60*60*1000);   //将输入的时间换算成毫秒,并设置时间
    var expires="expires="+d.toGMTString();         //设置cookie生效时间
    				//toGMTString可以把日期对象转换成格林威治格式字符串
    document.cookie=name+"="+value+";"+expires;
}


//2.  获取cookie值的函数
function getCookie(name)
{
    var str=document.cookie;
    var arr=str.split(";");
    for(var i=0;i<arr.length;i++)
    {
        var element = arr[i].trim(); //去掉前后空格
        console.log(element);
        if(element.indexOf(name)==0)
        {
            return element.substring(++name.length,element.length);
            //返回cookie值，记得有个=号
        }
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

补充页面加载执行函数的方式

//先$(function(){})，再window,再document


$(document).on("ready",function(){
    
})

$(window).on("load",function(){
    
})


$(function(){
    
})

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

编辑

#基础

← 模块化 sass →

cookie

# cookie