目錄

?

1.cookie

　　（1）什么是cookie

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

2.localStorage和sessionStorage 使用相同的API

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

---

1.cookie

　　（1）什么是cookie

　　　　　　cookie是在計算機上存儲在小的文本文件中的數據。當web服務器向瀏覽器發(fā)送網頁后，連接被關閉，服務器會忘記用戶的一切。

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

　　　　　　　　① 當用戶訪問網頁時，它的名字可以存儲在cookie中

　　　　　　　? ?② 下次用戶訪問該頁面時，cookie會記住它的名字

　　　　　　cookie保存在名稱值對中，如： username=Kbin

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

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

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

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

　　　　　　　通過JavaScript讀取cookie,同時會以一條字符串的形式返回所有cookie，比如：cookie2=value2

1	var x=document.cookie

　　　　　　? ?通過JavaScript改變cookie

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

　　　　　　　? 通過JavaScript刪除cookie，刪除非常簡單，只需將expires 參數設置為過去的日期即可

1	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的區(qū)別

?

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

歡迎一起私信交流。

“睡服“面試官系列之各系列目錄匯總（建議學習收藏）?

?

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。