使用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...