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

2021-10-22 22:44:30 字數 900 閱讀 5310

在使用html5提供的web儲存前,我們都是通過cookie來完成,但是cookie 不適合大量資料的儲存,因為它們由每個對伺服器的請求來傳遞,這使得 cookie 速度慢且效率低。

而在html5中,資料不是由每個伺服器請求傳遞的,而是在只有使用時傳遞。這一特性使在不影響**效能的條件下儲存大量資料成為可能。

html5 提供了兩種在客戶端儲存資料的新方法:

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

建立和訪問localstorage

localstorage.name =

"nana"

;alert

(localstorage.name)

;<

/script>

sessionstorage針對乙個 session 的資料儲存,當瀏覽器視窗關閉時,資料會清除

建立和訪問乙個sessionstorage

sessionstorage.name =

"nana"

;alert

(sessionstorage.name)

;<

/script>

更於2021.3.21

什麼是 HTML5 Web 儲存

使用html5可以在本地儲存使用者的瀏覽資料。早些時候,本地儲存使用的是 cookie。但是web 儲存需要更加的安全與快速.這些資料不會被儲存在伺服器上,但是這些資料只用於使用者請求 資料上.它也可以儲存大量的資料,而不影響 的效能.資料以 鍵 值 對存在,web網頁的資料只允許該網頁訪問使用。l...

HTML 5 Web 儲存 與 應用快取

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

web前端基礎 html5 css3

知識就像一張網,越實越牢,網住的魚越多。基礎是走向成功的基石,在碼 的過程中,有些時候因為基礎不牢吃了許多苦頭。從今天開始 2020.6.15 先把基礎惡補起來。加油 文件型別宣告標籤,html5版本 設定語言 字符集,utf 8 萬國碼 gb2312 簡體中文 bic5 正體中文 gbk 簡 正體...