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

时间:2024-10-15 17:04:03

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

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

2、在test.html页面,新建一个createCookie()函数,用于实现coo氯短赤亻kie的创建,createCookie烫喇霰嘴() 函数有三个参数,第一个是cookie的名称,第二个是cookie需要保存的数据,第三个是过期的时间。

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

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

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

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

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

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

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

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

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

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

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

8、在浏览器运行test.html文件,查看读取的cookie,结果为“123456”,成功实现获得cookie保存的数据。

如何用js向cookie中保存数据,取数据
© 手抄报圈