1. 程式人生 > >localStorage、sessionStorage、Cookie的區別及用法

localStorage、sessionStorage、Cookie的區別及用法

code class () 所有 標簽 無法 style col item

localStorage

html5新增的一個本地存儲API,所謂localStorage就是一個小倉庫的意思,它有5M的大小空間,存儲在瀏覽器中。

localStorage生命周期是永久,這意味著除非用戶顯示在瀏覽器提供的UI上清除localStorage信息,否則這些信息將永遠存在。

我們可以通過js來操縱localStorage:

1 localStorage.setItem("name","young") //key:name value:young
2 localStorage.getItem("name") 
3 localStorage.removeItem(name)
4 localStorage.clear() 清除所有
5 localStorage.length 本地存儲key的個數; 6 localStorage.key(i) i 0開始

sessionStorage

sessionStorage 方法針對一個 session 進行數據存儲。當用戶關閉瀏覽器窗口後,數據會被刪除。

用法和localStorage一樣

不同瀏覽器無法共享localStorage或sessionStorage中的信息。相同瀏覽器的不同頁面間可以共享相同的 localStorage(頁面屬於相同域名和端口),但是不同頁面或標簽頁間無法共享sessionStorage的信息。

localStorage、sessionStorage、Cookie的區別及用法