cookie

作者: 谷子多 | 来源:发表于2018-01-08 00:07 被阅读0次

概念

     存储数据,当用户访问了某个网站(网页)的时候,我们就可以通过cookie来向访问者电脑上存储数据。

特点

    1.不同浏览器存放的cookie位置不一样,也是不能通用的。

    2.cookie的存储是以域名的形式进行区分的,不能共享。

    3.cookie的数据可以设置名字。

语法

读取cookie :

每次读取的都是username=leo; age=32这样的格式,所以可以写两个方法,读取特定内容。

读取cookies 设置cookies 移除cookies

源码分割线


//特殊字符用编码转码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

相关文章

网友评论

      本文标题:cookie

      本文链接:https://www.haomeiwen.com/subject/xxumnxtx.html