什麼是 HTML5 Web 儲存

2021-08-21 10:22:41 字數 805 閱讀 4235

使用html5可以在本地儲存使用者的瀏覽資料。

早些時候,本地儲存使用的是 cookie。但是web 儲存需要更加的安全與快速. 這些資料不會被儲存在伺服器上,但是這些資料只用於使用者請求**資料上.它也可以儲存大量的資料,而不影響**的效能.

資料以 鍵/值 對存在, web網頁的資料只允許該網頁訪問使用。

localstorage 和 sessionstorage        客戶端儲存資料的兩個物件為:

localstorage - 沒有時間限制的資料儲存

sessionstorage - 針對乙個 session 的資料儲存(關閉視窗,儲存的資料清空)

儲存值setitem儲存value

用途:將value儲存到key欄位

用法:.setitem( key, value)

**示例:

sessionstorage.setitem("key", "value"); localstorage.setitem("site", "js8.in");

getitem獲取value

用途:獲取指定key本地儲存的值

用法:.getitem(key)

**示例:

var value = sessionstorage.getitem("key"); var site = localstorage.getitem("site");

//滾動時儲存滾動位置

$(window).scroll(function() 

});//onload時,取出並滾動到上次儲存位置

window.onload = function();

HTML 5 Web 儲存 與 應用快取

頁面快取 html js css等,這些快取資源是由於瀏覽器的行為而產生 資料快取 dom storage web storage local storage session storage 儲存一些簡單的用key value對即可解決的資料。html5 提供了兩種在客戶端儲存資料的新方法 之前,這...

前端基礎(三十三 HTML5 web儲存)

在使用html5提供的web儲存前,我們都是通過cookie來完成,但是cookie 不適合大量資料的儲存,因為它們由每個對伺服器的請求來傳遞,這使得 cookie 速度慢且效率低。而在html5中,資料不是由每個伺服器請求傳遞的,而是在只有使用時傳遞。這一特性使在不影響 效能的條件下儲存大量資料成...

html5 web本地儲存將取代我們的cookie

在html5中為我們提供了一種本地快取機制,它將取代我們的cookie,並且它是不會隨瀏覽器發會我們的伺服器端的。我們可以採用js在客戶端自由的操作本地快取。html5中快取主要有localstorage,和sessionstorage。他們的用法一致。區別在於他們的時間限制不同。localstor...