前端儲存的方式

2021-10-23 16:50:59 字數 637 閱讀 8623

一、本地儲存和cookie的區別

本地儲存的特點:

儲存量限制(5m)

客戶端完成,不會請求伺服器處理

sessionstorage資料是不共享

localstorage共享

cookie特性:

同乙個**中所有頁面共享一套cookie

數量、大小有限(大小4kb)

過期時間

cookie是隨http事務一起被傳送給伺服器

二、本地儲存的分類

html本地儲存提供了兩個在客戶端儲存資料的物件

①. window.localstorage – 儲存沒有截止日期的資料

②. window.sessionstorage – 針對乙個session來儲存資料(當關閉瀏覽器標籤頁時資料會丟失)

不管是localstorage,還是sessionstorage,可使用的api都相同,即方法相同

三、web storage常用的方法

1.setitem() 設定資料,key\value型別,型別都是字串

2.getitem() 獲取資料,通過key來獲取到相應的value

3.removeitem() 刪除資料,通過key來刪除相應的value

4.clear() 刪除所有資料

前端資料儲存

一 cookie儲存 通常直接叫做cookie 最初在客戶端用於儲存會話資訊的 該標準要求伺服器 對任意http請求傳送set cookie http頭作為響應的一部分,其中包含會話資訊。這個http響應設定以name為名稱,以value為值的乙個cookie名稱和值在傳送時都必須是url編碼的。2...

前端儲存 localStorage

發布自在html5中,引入了兩個新的前端儲存特性 這兩者非常相似,都是用來在前端儲存一定量的資料,稱為前端儲存,但是這兩者仍然存在一定區別 儲存大小 儲存位置 儲存內容型別 獲取方式 可見localstorage適合在前端儲存長時間使用的資料,而sessionstorage適合儲存短期使用 一次性的...

localstorage 前端儲存

function win,doc else if typeof argument string else 刪除localstorage param val string null rmitems function val else win.local storage local storage wi...