概念
存储数据,当用户访问了某个网站(网页)的时候,我们就可以通过cookie来向访问者电脑上存储数据。
特点
1.不同浏览器存放的cookie位置不一样,也是不能通用的。
2.cookie的存储是以域名的形式进行区分的,不能共享。
3.cookie的数据可以设置名字。
语法
读取cookie :
每次读取的都是username=leo; age=32这样的格式,所以可以写两个方法,读取特定内容。
源码分割线
//特殊字符用编码转码encodeURI
document.cookie= 'username=leo'
document.cookie= 'age=32'
//alert(document.cookie) //username=leo; age=32
//document.cookie = '名称=值;expires='+时间(必须是日期对象的字符串)
var oDate = new Date()
oDate.setDate(oDate.getDate()+5 )//设置来访日期5天之后过期
//设置cookie
document.cookie= 'username='+encodeURI('leo\n你好')+'leo;expires'+oDate.toGMTString();
// alert(decodeURI(document.cookie))
function getCookie(key) {
var arr1= document.cookie.split(';')//拆开cookie
for(var i= 0;i
var arr2= arr1[i].split('=')
if(arr2[0]==key){
return decodeURI(arr2[1])
}
}
}
alert(getCookie('age'))
function setCookie(key,value,t){
var oDate= new Date()
oDate.setDate(oDate.getDate()+t)
document.cookie= key + '=' +value + ';expires=' + oDate.toGMTString();
}
setCookie('sex','男')
function removeCookie(key){
setCookie(key,'',-1)
}
应用场景 : 记录用户登陆
步骤:
1.点击登录按钮的时候设置cookie
2.下次登录后先获取判断是否有这个cookie,如果有,设置用户名为获取的cookie