本地快取localstorage

2021-08-04 22:40:58 字數 910 閱讀 9474

cookie,localstorage,sessionstorage都可以實現客戶端儲存,三者的區別有哪些了?

cookie作為最早期的被設計web瀏覽器儲存少量資料,從底層看,它是作為http協議的一種擴充套件實現。cookie資料會自動在web瀏覽器和web伺服器之間傳輸資料。

cookie有效期:cookie預設有效期非常短暫,存在於web瀏覽器會話期間,當瀏覽器關閉,cookie也就消失了。如果要延長cookie的有效期,可以設定max-age屬性(單位秒)

cookie作用域:cookie作用域是通過domain文件源和path文件路徑來確定的。預設情況下,cookie和建立它的web頁面有關,並對web頁面和該web頁面同目錄或者子目錄的其他web頁面可見。當設定path="/",它的作用域就變成文件源級別的了。

localstorage, sessionstorage是html5中新增的web儲存的功能,它解決了客戶端儲存的一些缺點,並提供更強大的功能和操作api。

localstorage有效期:永不失效,除非web應用主動刪除。

l

ocalstorage作用域:localstorage的作用域是限定在文件源級別的。文件源通過協議、主機名以及埠三者來確定。

sessionstorage有效期:sessionstorage的有效期是和儲存資料指令碼所在的最頂層的視窗或者是瀏覽器標籤是一樣的,一旦視窗或者標籤頁被永久關閉了,儲存的資料也就失效了。

sessionstorage作用域:sessionstorage的作用域也是限定在文件源級別。但需要注意的是,如果相同文件源的頁面渲染在不同的標籤中,sessionstorage的資料是無法共享的。

060JS 本地儲存localStorage

doctype html en utf 8 viewport content width device width,initial scale 1.0 x ua compatible content ie edge document title head 生命週期永久生效,除非手動刪除否則關閉頁面也...

html5本地儲存Localstorage屬性

html5中,新加入了乙個localstorage特性,這個特性主要是用來作為本地儲存來使用的。並且在ie8以上的ie版本才支援localstorage這個屬性。儲存 localstorage.setitem key value 檢索 var check localstorage.getitem k...

HTML5本地儲存Localstorage的應用

localstorage可以說是對cookie的優化,使用它可以方便在客戶端儲存資料,並且不會隨著http傳輸,但也不是沒有問題 localstorage大小限制在500萬字元左右,各個瀏覽器不一致 localstorage在隱私模式下不可讀取 localstorage本質是在讀寫檔案,資料多的話會...