localStorage、sessionStorage、Cookie的區別及用法
阿新 • • 發佈:2018-05-10
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的區別及用法