HTML5學習(15)Web儲存

2022-06-27 11:54:12 字數 667 閱讀 5083

html5 web 儲存,乙個比cookie更好的本地儲存方式。

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

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

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

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

在使用 web 儲存前,應檢查瀏覽器是否支援 localstorage 和sessionstorage:

if(typeof(storage)!=="undefined")

else

localstorage 物件儲存的資料沒有時間限制。例項位址

例項中 sitename是key值,菜鳥教程 是value值。

移除 localstorage 中的 "sitename" :

localstorage.removeitem("sitename");

不管是 localstorage,還是 sessionstorage,可使用的api都相同,常用的有如下幾個(以localstorage為例):

sessionstorage 方法針對乙個 session 進行資料儲存。當使用者關閉瀏覽器視窗後,資料會被刪除。

例項位址

HTML5 儲存 離線web應用

cookie儲存 每次http請求都會傳送cookie資訊,會使web變慢 每次http請求的cookie資訊不加密傳輸,不安全 cookie資訊量最大不能超過4kb 檢測瀏覽器是否支援該特性 function supports html5 storage html5儲存是基於鍵值對的 方法 set...

HTML5的Web儲存應用

一 介紹 html5 web儲存,乙個比cookie更好的本地儲存方式。1 什麼是html5 web儲存 使用html5可以在本地儲存使用者的瀏覽資料。早些時候,本地儲存使用的是cookie。但是web儲存需要更加的安全與快速,這些資料不會被儲存在伺服器上,但是這些資料只用於使用者請求 資料上,它也...

html5中web儲存方式

瀏覽器 客戶端 訪問伺服器端的時候,攜帶的資料,之前這些資料儲存在cookie中,但是cookie儲存的資料大小有限 html5的web儲存分為 localstorage儲存 sessionstorage儲存 他們的區別在於 localstorage 儲存在客戶端,大小沒有限制,時間也沒有限制 se...