HTML 本地儲存

2022-09-04 02:33:09 字數 1003 閱讀 7576

在html5當中,新增了很多的儲存方式,這裡我先介紹兩種,方便我們的使用和操作,具體新加入了乙個localstorage特性,這個特性主要是用來作為本地儲存來使用的,解決了cookie儲存空間不足的問題,localstorage中一般瀏覽器支援的是5m大小,這個在不同的瀏覽器中localstorage會有所不同。而這個localstorage在哪找到的呢?

localstorage的優勢

localstorage拓展了cookie的4k限制

localstorage會可以將第一次請求的資料直接儲存到本地,這個相當於乙個5m大小的針對於前端頁面的資料庫,相比於cookie可以節約頻寬,但是這個卻是只有在高版本的瀏覽器中才支援的

localstorage的侷限

瀏覽器的大小不統一,並且在ie8以上的ie版本才支援localstorage這個屬性

目前所有的瀏覽器中都會把localstorage的值型別限定為string型別,這個在對我們日常比較常見的json物件型別需要一些轉換

localstorage在瀏覽器的隱私模式下面是不可讀取的

localstorage本質上是對字串的讀取,如果儲存內容多的話會消耗記憶體空間,會導致頁面變卡

localstorage不能被爬蟲抓取到

區別:

localstorage與sessionstorage的唯一一點區別就是:localstorage屬於永久性儲存,而sessionstorage屬於當會話結束的時候,sessionstorage中的鍵值對會被清空

然後我們先來認識操作這個資料庫的一下方法

設定鍵值對

獲取值刪除鍵值對

獲取值訪問頁面次數

做了乙個小小的例項: 希望能幫助到大家(**中相應的注釋也標註了)

注釋:sessionstorage和localstorage的區別僅僅是儲存時間的問題,而功能,方法和實現原理,都和localstorage一樣,因此,和localstorage的方法一樣的!

(完)!

HTML本地儲存和離線儲存

1.本地儲存 web storage 2.本地儲存 indexeddb 3.本地儲存的擴充套件介紹 5.總結 1.儲存大小限制,僅4kb左右 2.單個網域名稱下的數量限制,50個左右 3.汙染請求頭,浪費流量 1.相同的使用方法 2.不同的儲存時效 3.不同的儲存容量 1.使用setitem方法設定...

HTML5之本地儲存

html5之本地儲存 l cookie 資料儲存到計算機中,通過瀏覽器控制新增與刪除資料 l cookie的特點 儲存限制 網域名稱100個cookie,每組值大小4kb 客戶端 伺服器端,都會請求伺服器 頭資訊 本地儲存也會請求伺服器 頁面間的cookie是共享 l storage session...

HTML5之本地儲存

html5本地儲存有localstorage和sessionstorage,兩者的區別就是localstorage一直儲存在本地不會過期,而sessionstorage視窗一旦關閉就沒了。兩者用法是一樣的。if window.localstorage else儲存操作如下 通過鍵值對應,只能儲存字串...