html5的localStorage的操作

2021-07-25 19:52:16 字數 959 閱讀 4110

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

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

sessionstorage - 針對乙個 session 的資料儲存

之前,這些都是由 cookie 完成的。但是 cookie 不適合大量資料的儲存,因為它們由每個對伺服器的請求來傳遞,這使得 cookie 速度很慢而且效率也不高。在 html5 中,資料不是由每個伺服器請求傳遞的,而是只有在請求時使用資料。它使在不影響**效能的情況下儲存大量資料成為可能。對於不同的**,資料儲存於不同的區域,並且乙個**只能訪問其自身的資料。

相對於上述本地儲存方案,localstorage有自身的優點:容量大、易用、強大、原生支援;缺點是相容性差些(chrome,  safari, firefox,ie 9,ie8都支援 localstorage,主要是ie8以下版本不支援)、安全性也差些(所以請勿使用localstorage儲存敏感資訊)。 localstorage儲存的資料,一般情況下是永久儲存的,也就是說只要採用localstorage儲存資訊,資料便一直儲存在使用者的客戶端中。即使使用者關閉當前web瀏覽器後重新啟動,資料讓然存在。知道使用者或程式明確制定刪除,資料的生命週期才會結束。在安全性方面,localstorage是域內安全的,即localstorage是基於域的。任何在該域內的所有頁面,都可以訪問localstorage資料。

localstorage.getitem(key):獲取指定key本地儲存的值

localstorage.setitem(key,value):將value儲存到key欄位

localstorage.removeitem(key):刪除指定key本地儲存的值

localstorage.length是localstorage的專案數

localstorage儲存物件需要使用json.stringify()的方法將物件轉換成字串進行儲存

localstorage儲存的json字串獲取到了以後轉換成物件即可

HTML5的學習(二)HTML5標籤

3.按功能排列標籤 標籤 描述 html4 html5 定義注釋。定義文件型別。定義文件的主體。定義文件中的節。定義section或page的頁尾。to定義html標題。定義html文件。定義關於文件的資訊。定義section或page的頁首。定義關於html文件的元資訊。定義針對不支援客戶端指令碼...

HTML5學習之 HTML 5 拖放

拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...

html5標籤屬性大全 HTML5

音訊格式 屬性 值描述 屬性 值描述 屬性值描述 屬性值描述 gz bjsh 屬性值 描述 required required 表單擁有該屬性表示其內容不能為空,必填 placeholder 提示文字 表單的提示資訊,存在預設值將不顯示 autofocus autofocus 自動聚焦屬性,頁面載入...