Html5本地儲存之Localstorage

2021-08-27 20:12:37 字數 942 閱讀 2640

在html5中,本地儲存是乙個window的屬性,包括localstorage和sessionstorage,前者是一直存在本地的,後者只是伴隨著session,視窗一旦關閉就沒了。

localstorage可以簡單理解為小型資料庫。

其大小官方給出的文件是:每個網域名稱5m;

其儲存時間是:永久儲存,永不失敗,除非手動刪除;

其儲存形式是:key—>value 即鍵值對,儲存。

其支援情況大家可以用can i use 查詢。

localstorage的操作一般有以下幾個:

1、setitem  向localstorage儲存資料,但必須是字串(注意之處)。

var number = ;

localstorage.setitem("num", json.stringify(number));

2、getitem  從localstorage獲取已經儲存的資料。

number = json.parse(localstorage.getitem("num"));
3、clear 清楚localstorage的所有儲存。

localstorage.clear();
4、key 獲取第幾個資料(從0開始)。

localstorage.key(0);
使用時注意事項:

1.使用前要判斷瀏覽器是否支援。

2.寫資料時,需要異常處理,避免超出容量拋錯。

3.避免把敏感的資料資訊存入localstorage。

4.key的唯一性(新的資料會覆蓋老的資料)。

使用限制:

1.儲存更新策略,過期控制。

2.子網域名稱之間不能共享儲存資料

3.超出儲存大小後如何儲存(lru,fifo)。

4.server段如何取到。

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