凉风有信,秋月无边。
亏我思娇的情绪好比度日如年。

如何用js向cookie中保存数据,取数据(js cookie存取)

《如何用js向cookie中保存数据,取数据(js cookie存取)》正文开始,本次阅读大概3分钟。

新建一个html页面,命名为test.html,用于讲解cookie的存储和读取方法。

 

如何用js向cookie中保存数据,取数据(js cookie存取)[图]

在test.html页面,新建一个createCookie()函数,用于实现cookie的创建,createCookie() 函数有三个参数,第一个是cookie的名称,第二个是cookie需要保存的数据,第三个是过期的时间。

 

如何用js向cookie中保存数据,取数据(js cookie存取)[图]

在createCookie()函数内,使用new Date()获得当前的时间,使得setTime()、getTime()方法将时间转换为时间戳,再通过 toGMTString()方法转换为字符串类型。

 

如何用js向cookie中保存数据,取数据(js cookie存取)[图]

使用document.cookie来设置cookie,将cookie的名称、过期时间拼接成字符串,并赋值给ocument.cookie来完成cookie的设置。

 

如何用js向cookie中保存数据,取数据(js cookie存取)[图]

编写一个readCookie()函数用于cookie的读取,因为js中的cookie是一个包括名称、过期时间等信息的字符串,需要使用split()方法,把字符串按分号分隔转换成数组。。

 

如何用js向cookie中保存数据,取数据(js cookie存取)[图]

在readCookie()函数内,通过for循环、while循环在cookie数组中找到cookie名称的值,即保存的数据,并使用return把cookie保存的数据返回。代码如下:

如何用js向cookie中保存数据,取数据(js cookie存取)[图]

 通过createCookie()方法保存cookie数据 ,并使用readCookie()函数读取cookie数据。例如,cookie保存数据的名称为aa ,数据内容为“123456”。

 

如何用js向cookie中保存数据,取数据(js cookie存取)[图]
赞(206)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的内容,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。本博客资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。如果本文导致的版权问题以及内容纠错问题请联系站长QQ:1004619 | 点此给我发送邮件
本文标题:如何用js向cookie中保存数据,取数据(js cookie存取)
本文地址:https://www.1004619.com/nn/rhyjsxcookiezbcsjqsjjscookiecq.html