目錄

?

1.cookie

　　（1）什么是cookie

　　（2）通過(guò)JavaScript創(chuàng)建cookie

2.localStorage和sessionStorage 使用相同的API

3.cookie、localStorage和sessionStorage的區(qū)別

---

1.cookie

　　（1）什么是cookie

　　　　　　cookie是在計(jì)算機(jī)上存儲(chǔ)在小的文本文件中的數(shù)據(jù)。當(dāng)web服務(wù)器向?yàn)g覽器發(fā)送網(wǎng)頁(yè)后，連接被關(guān)閉，服務(wù)器會(huì)忘記用戶的一切。

　　　　　　 cookie就是為了解決‘如何記住用戶信息而發(fā)明的’

　　　　　　　　① 當(dāng)用戶訪問(wèn)網(wǎng)頁(yè)時(shí)，它的名字可以存儲(chǔ)在cookie中

　　　　　　　? ?② 下次用戶訪問(wèn)該頁(yè)面時(shí)，cookie會(huì)記住它的名字

　　　　　　cookie保存在名稱值對(duì)中，如： username=Kbin

　　（2）通過(guò)JavaScript創(chuàng)建cookie

　　　　　　JavaScript可以用 document.cookie 屬性創(chuàng)建、讀取、刪除cookie

　　　　　　創(chuàng)建cookie,還可以添加有效日期（UTC時(shí)間）。默認(rèn)情況下，瀏覽器關(guān)閉后會(huì)刪除，還可以通過(guò)path，告知路徑：

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

　　　　　　　通過(guò)JavaScript讀取cookie,同時(shí)會(huì)以一條字符串的形式返回所有cookie，比如：cookie2=value2

1	var x=document.cookie

　　　　　　? ?通過(guò)JavaScript改變cookie

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

　　　　　　　? 通過(guò)JavaScript刪除cookie，刪除非常簡(jiǎn)單，只需將expires 參數(shù)設(shè)置為過(guò)去的日期即可

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

2.localStorage和sessionStorage 使用相同的API

　　　　localStorage.setItem("key","value") //以"key"為名稱存儲(chǔ)一個(gè)值"value"

　　　　localStorage.getItem("key")//獲取名稱為"key"的值

　　　　localStorage.removeItem("key")//刪除名稱為"key"的信息

　　　　localStorage.clear() //清空l(shuí)ocalstorage中所有的信息

3.cookie、localStorage和sessionStorage的區(qū)別

?

本面試題為前端常考面試題，后續(xù)有機(jī)會(huì)繼續(xù)完善。我是歌謠，一個(gè)沉迷于故事的講述者。

歡迎一起私信交流。

“睡服“面試官系列之各系列目錄匯總（建議學(xué)習(xí)收藏）?

?

總結(jié)

以上是生活随笔為你收集整理的“约见”面试官系列之常见面试题第十二篇之cookie和localstorage（建议收藏）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。