HTML5本地儲存Web Storage

2021-09-12 02:43:38 字數 856 閱讀 3749

web storage:鍵值對儲存,容量至少為4m,不用安裝任何外掛程式,提供兩種在客戶端儲存資料的方法 localstorage:沒有時間限制的資料儲存方式,可以將資料永久儲存在客戶端 sessionstorage:針對乙個session的資料儲存,即將資料儲存在session物件中,當關閉瀏覽器後,這些資料會被刪除
注意:在使用web儲存前,檢查瀏覽器是否支援localstorage和sessionstorage,ie8+,firefox,chrome,opera和safari支援web儲存,if7及更早版本不支援

web storage支援的屬性與方法:

getitem(key):獲取指定key所儲存得value值 key(index):返回列表中對應對應索引的key(鍵)值

setitem(key,value):將value儲存到key指定的字段

length:返回key/value對列表的長度

removeitem(key):從storage中刪除乙個對應的鍵值對

clear():移除storage中所有key/value對

設定、獲取key/value除了使用setitem()、getitem()方法外,還提供了其他方法

設定:sessionstorage.key = 'value'; || localstorage.key = 'value'; 獲

取:sessionstorage.key; || localstorage.key;

eg:

注意:seesionstorage與localstorage的使用方法一樣,只是localstorage可以永久儲存,而seesionstorage在關閉瀏覽器後就刪除了

HTML5本地儲存

align center html5本地儲存 align b 1.1概述 b html5 儲存是基於鍵值對的。資料儲存在乙個鍵裡,訪問資料時可以根據同樣的鍵獲得上次儲存的資料。鍵是乙個字串。而資料則可以是任何型別的js基本資料型別,包括字串,boolean,整數,和浮點數。需要注意的是,這些資料在儲...

html5 本地儲存

前言 最近在做專案時遇到了需要將資料儲存在使用者瀏覽器本地的需求,經過查詢了解到了web storage,通過學習初步掌握了web storage,以下是一些關於web storage的知識和用法,記憶力較差發布在csdn備忘。1 什麼是html5本地儲存?通過web storage web應用程式...

html5 本地儲存

最近一直在學習 html5,為了後期的專案進行知識儲備。html5 相對於 html4 新增加了一些有趣的標籤 屬性和方法,今天主要介紹下 html5 的本地儲存。html5 提供了兩種在客戶端儲存資料的新方法 兩個方法用法完全一樣,下面就以localstorage為例。早期我們都是使用cookie...