第180天 HTML5 本地儲存

2021-09-20 07:48:18 字數 1670 閱讀 2965

客戶端儲存資料的方法

1、儲存特點:

localstorage方法儲存的資料沒有時間限制。第二天、第二週甚至是第二年之後,資料依然可用。

不能跨瀏覽器讀取資料

2、

api:

儲存資料:localstorage.setitem(key,value);

localstorage.key = value;

讀取資料:localstorage.getitem(key);

localstorage.key

刪除單個資料:localstorage.removeitem(key);

刪除所有資料:localstorage.clear();

1、儲存特點:

sessionstorage的方法針對乙個

session

進行資料儲存。當使用者關閉瀏覽器視窗後,資料會被刪除。

2、api:

儲存資料:sessionstorage.setitem(key,value);

sessionstorage.key = value;

讀取資料:sessionstorage.getitem(key);

sessionstorage.key

刪除單個資料:sessionstorage.removeitem(key);

刪除所有資料:sessionstorage.clear();

共同點:都是儲存在瀏覽器端,且同源的。

區別:1. 與伺服器的資料交換方式不同。

cookie

資料始終在同源的

請求中攜帶(即使不需要),即

cookie

在瀏覽器和伺服器間來回傳遞。而

sessionstorage

和localstorage

不會自動把資料發給伺服器,僅在本地儲存。

2. 儲存大小限制也不同,

cookie

資料不能超過

4k,同時因為每次

請求都會攜帶

cookie

,所以cookie

只適合儲存很小的資料,如會話標識。

sessionstorage

和localstorage

雖然也有儲存大小的限制,但比

cookie

大得多,可以達到

5m或更大。

3. 資料有效期不同,

sessionstorage

:僅在當前瀏覽器視窗關閉前有效,自然也就不可能持久保持;

localstorage

:始終有效,視窗或瀏覽器關閉也一直儲存,因此用作持久資料;

cookie

只在設定的

cookie

過期時間之前一直有效,即使視窗或瀏覽器關閉。

4. cookie可以設定有效期,路徑

(path)

,域(domain)

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