一，共同點

（1)存儲時用setItem:

localStorage.setItem("key","value");//以“key”為名稱存儲一個值“value”
sessionStorage.setItem("key", "value");

（2）獲取時用getItem:

localStorage.getItem("key");//獲取名稱為“key”的值 localStorage.key;//獲取存儲的變量key的值 sessionStorage.getItem("key");//獲取名稱為“key”的值

? ?(3)清除時用clearItem

localStorage.removeItem("key")//刪除變量名為key的存儲變量 sessionStorage.removeItem("key")//刪除變量名為key的存儲變量

　(4)都本地存儲

　(5)存儲時轉(zhuǎn)化成字符串，獲取時轉(zhuǎn)化成對象

sessionStorage.setItem('xxx', JSON.stringify(obj)); obj = JSON.parse(sessionStorage.setItem('xxx'));

二，不同點

（1）sessionStorage的用法：

　　sessionStorage僅在當前會話下有效，關(guān)閉頁面或瀏覽器后被清除。存放數(shù)據(jù)大小為一般為5MB,而且它僅在客戶端（即瀏覽器）中保存，不參與和服務器的通信。源生接口可以接受，亦可再次封裝來對Object和Array有更好的支持。

　　簡言之：關(guān)閉頁面就銷毀

（2）localStorage的用法：

　　localStorage生命周期是永久，這意味著除非用戶顯示在瀏覽器提供的UI上清除localStorage信息，否則這些信息將永遠存在。存放數(shù)據(jù)大小為一般為5MB,而且它僅在客戶端（即瀏覽器）中保存，不參與和服務器的通信。

　　簡言之：你不手動清除它就一直在

更多專業(yè)前端知識，請上 【猿2048】www.mk2048.com

總結(jié)

以上是生活随笔為你收集整理的sessionStorage和localStorage的用法，不同点和相同点的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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