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的區別