育知同创前端培训课程:cookie与本地存储

什么是cookie

• 用来保存页面信息的，如用户名、密码

• cookie的特性：同一个网站中所有的页面共享一套cookie；数量、大小限制；过期时间

• js中使用cookie：document.cookie

如何设置cookie？

在js中，使用document.cookie = "键=值"即可，但是这种方式设置的cookie由于没有添加过期时间，所以关闭浏览器，cookie就丢失，我们要在后边继续加上expires=时间设置上过期时间即可.

如何从cookie中取值

设置cookie我们是直接给cookie赋值，取cookie中的值，方法和设置高度相似。我们首先来看下cookie是一个什么类型的值:

运行这段程序，我们发现他是一个string类型的值。这样我们就可以把这个字符串按照特定的字符进行截取，截取的结果放进数组，最终遍历这个数组就可以拿到我们想要的值了。

练习：cookie实现记住用户名功能

外部js函数的写法：