html5 web本地儲存將取代我們的cookie

2022-09-24 11:15:10 字數 947 閱讀 7669

在html5中為我們提供了一種本地快取機制,它將取代我們的cookie,並且它是不會隨瀏覽器發會我們的伺服器端的。我們可以採用js在客戶端自由的操作本地快取。html5中快取主要有localstorage,和sessionstorage。他們的用法一致。區別在於他們的時間限制不同。localstorage是不存在時間限制的。而sessionstorage這時基於session的資料儲存,在關閉或者離開**後,資料將會被刪除。

下面我們來簡單看看官方的示例操作:

j**ascript

複製**

**如下:

localstorage.fresh = 「vfresh.org」; //設定乙個鍵值

var a = localstorage.fresh; //獲取鍵值

或者使用它的api: 程式設計客棧

j**ascript

複製**

**如下:

//清空storage

localstorage.clear();

//設定乙個鍵值

localstorage.setitem(「fresh」,「vfresh.org」);www.cppcns.com

//獲取乙個鍵值

localstorage.getitem(「fresh」);

//return &l程式設計客棧dqu程式設計客棧o;vfresh.org」 //獲取指定下標的鍵的名稱(如同array)

localstorage.key(0);

//return 「fresh」 //刪除乙個鍵值

localstorage.removeitem(「fresh」);

sessionstorage相同就不用在廢話了,他相當於我們的過期時間expire=0的cookie;

本文標題: html5 web本地儲存將取代我們的cookie

本文位址: /web/html5/7848.html

什麼是 HTML5 Web 儲存

使用html5可以在本地儲存使用者的瀏覽資料。早些時候,本地儲存使用的是 cookie。但是web 儲存需要更加的安全與快速.這些資料不會被儲存在伺服器上,但是這些資料只用於使用者請求 資料上.它也可以儲存大量的資料,而不影響 的效能.資料以 鍵 值 對存在,web網頁的資料只允許該網頁訪問使用。l...

HTML 5 Web 儲存 與 應用快取

頁面快取 html js css等,這些快取資源是由於瀏覽器的行為而產生 資料快取 dom storage web storage local storage session storage 儲存一些簡單的用key value對即可解決的資料。html5 提供了兩種在客戶端儲存資料的新方法 之前,這...

html5 html5 本地儲存

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