cookie

概念

     存储数据,当用户访问了某个网站(网页)的时候,我们就可以通过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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容