cookie 是一些数据,保存在电脑中的文本文件中,
主要解决的问题:
1、记录访问网站的用户信息,
2、下一次访问该页面时,可以在cookie中读取用户访问记录
形式:
名=值
浏览器请求web页面时,属于该页面的cookie会被添加到请求中,服务器端通过这种方式获取用户信息。
js创建cookie
document.cookie="name=Moon";
添加过期时间以(UTC或者GMT时间),默认是浏览器关闭时cookie会被删除
document.cookie="name=Moon;expires=Mon,18 Mar 2020 11:11:11 GMT";
使用path参数告诉浏览器cookie 的路径,默认实在当前页面。
document.cookie="name=Moon;expires=Mon,18 Mar 2020 11:11:11 GMT;path=/";
test(){
// 创建cookie
document.cookie = 'userName=Moon;expires=Mon,19 Mar 2019 00:00:00 GMT;path=/'
// 获取cookie
let x = document.cookie
// 修改cookie 类似于创建旧的 cookie 将被覆盖。
document.cookie = 'userName=Moon;expires=Mon,19 Mar 2019 00:00:00 GMT;path=/'
//删除cookie
document.cookie ='username=;expires=Mon,19 Mar 2019 00:00:00 GMT;'
// 用js来收拾一下cookie 实例
//设置 cookie
function setCookie(cname,cvalue,exday){
let d = new Date()
d.setTime(d.getTime()+(exday*24*60*60*1000));
let expires = "expires=" + d.toGMTString();
document.cookie = cname+'='+cvalue+'; '+expires
}
setCookie('name','moon',30)
//获取cookie
function getCookie(cname){
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i].trim();
if (c.indexOf(name)==0) { return c.substring(name.length,c.length); }
}
return "";
}
function checkCookie(name){
var user=getCookie(name);
if (user!=""){
console.log(user)
}
else {
user = prompt("请输入你的名字:","");
if (user!="" && user!=null){
setCookie(name,user,30);
}
}
}
checkCookie('name')
},