客戶端儲存資料的方法
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...