“约见”面试官系列之常见面试题第十二篇之cookie和localstorage（建议收藏）

目录

 

1.cookie

　　（1）什么是cookie

　　（2）通过JavaScript创建cookie

2.localStorage和sessionStorage 使用相同的API

3.cookie、localStorage和sessionStorage的区别

---

1.cookie

　　（1）什么是cookie

　　　　　　cookie是在计算机上存储在小的文本文件中的数据。当web服务器向浏览器发送网页后，连接被关闭，服务器会忘记用户的一切。

　　　　　　 cookie就是为了解决‘如何记住用户信息而发明的’

　　　　　　　　① 当用户访问网页时，它的名字可以存储在cookie中

　　　　　　　   ② 下次用户访问该页面时，cookie会记住它的名字

　　　　　　cookie保存在名称值对中，如： username=Kbin

　　（2）通过JavaScript创建cookie

　　　　　　JavaScript可以用 document.cookie 属性创建、读取、删除cookie

　　　　　　创建cookie,还可以添加有效日期（UTC时间）。默认情况下，浏览器关闭后会删除，还可以通过path，告知路径：

document.cookie="username=kbin； expires=Sun, 31 Dec 2017 12:00:00 UTC；path=/"

　　　　　　　通过JavaScript读取cookie,同时会以一条字符串的形式返回所有cookie，比如：cookie2=value2

var x=document.cookie

　　　　　　   通过JavaScript改变cookie

document.cookie="username=kbin2； expires=Sun, 31 Dec 2017 12:00:00 UTC；path=/"

　　　　　　　  通过JavaScript删除cookie，删除非常简单，只需将expires 参数设置为过去的日期即可

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

2.localStorage和sessionStorage 使用相同的API

　　　　localStorage.setItem("key","value") //以"key"为名称存储一个值"value"

　　　　localStorage.getItem("key")//获取名称为"key"的值

　　　　localStorage.removeItem("key")//删除名称为"key"的信息

　　　　localStorage.clear() //清空localstorage中所有的信息

3.cookie、localStorage和sessionStorage的区别

本面试题为前端常考面试题，后续有机会继续完善。我是歌谣，一个沉迷于故事的讲述者。

欢迎一起私信交流。

“睡服“面试官系列之各系列目录汇总（建议学习收藏）