web現在隨著計算機的高速發展，客戶端干的事情越來越多了，隨著事情的增多，很多東西存儲就不止在服務器了，本地存儲越來越強大了(大神原諒我廢話了????)

早期時期

cookie存儲

（之前我用著還是很方便的?，存一些用戶不重要的信息呀），后來大神告訴我，這個很影響頁面加載速度，并且安全性低

大小4kb（?真的好小哦）

后來時期

隨著H5的到來，它提供了新的web存儲，webstorage

基本包含了localStorage和sessionStorage

?

localStorage

　　一種沒有時間限制的緩存，我們不手動清理，就不丟失

sessionStorage

　　（”短時間“存儲，大神原諒我粗糙的解釋），我們用戶的窗口執行了關閉操作，sessionStorage的數據會丟失

先檢測我們瀏覽器是不是支持H5的存儲

if (window.localStorage && window.sessionStorage) {alert("你的瀏覽器支持localStorage和sessionStorage");}

創建一個localStorage存儲

//先判斷支持 if (window.localStorage) { localStorage.setItem("userName", "老王"); }

獲取我們localStorage存儲的數據

localStorage.getItem("userName")

最后我們操作刪除localStorage存儲

localStorage.removeItem("userName"); //關閉緩存 localStorage.clear();

?

sessionStorage操作和localStorage基本操作一樣的！

?

轉載于:https://www.cnblogs.com/null11/p/7060038.html

總結

以上是生活随笔為你收集整理的H5存储------localStorage和sessionStorage的全部內容，希望文章能夠幫你解決所遇到的問題。

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