html5 web本地存儲將取代我們的cookie
發(fā)布時間:2012-12-26 16:06:54 作者:佚名
我要評論

在html5中為我們提供了一種本地緩存機制,它將取代我們的cookie,并且它是不會隨瀏覽器發(fā)會我們的服務器端的html5中緩存主要有l(wèi)ocalStorage,和sessionStorage,具體請祥看本文
在html5中為我們提供了一種本地緩存機制,它將取代我們的cookie,并且它是不會隨瀏覽器發(fā)會我們的服務器端的。我們可以采用js在客戶端自由的操作本地緩存。html5中緩存主要有l(wèi)ocalStorage,和sessionStorage。他們的用法一致。區(qū)別在于他們的時間限制不同。localStorage是不存在時間限制的。而sessionStorage這時基于session的數(shù)據(jù)存儲,在關閉或者離開網(wǎng)站后,數(shù)據(jù)將會被刪除。
下面我們來簡單看看官方的示例操作:
javascript
localStorage.fresh = “vfresh.org”; //設置一個鍵值
var a = localStorage.fresh; //獲取鍵值
或者使用它的API:
javascript
//清空storage
localStorage.clear();
//設置一個鍵值
localStorage.setItem(“fresh”,“vfresh.org”);
//獲取一個鍵值
localStorage.getItem(“fresh”);
//return “vfresh.org” //獲取指定下標的鍵的名稱(如同Array)
localStorage.key(0);
//return “fresh” //刪除一個鍵值
localStorage.removeItem(“fresh”);
sessionStorage相同就不用在廢話了,他相當于我們的過期時間Expire=0的cookie;
下面我們來簡單看看官方的示例操作:
javascript
復制代碼
代碼如下:localStorage.fresh = “vfresh.org”; //設置一個鍵值
var a = localStorage.fresh; //獲取鍵值
或者使用它的API:
javascript
復制代碼
代碼如下://清空storage
localStorage.clear();
//設置一個鍵值
localStorage.setItem(“fresh”,“vfresh.org”);
//獲取一個鍵值
localStorage.getItem(“fresh”);
//return “vfresh.org” //獲取指定下標的鍵的名稱(如同Array)
localStorage.key(0);
//return “fresh” //刪除一個鍵值
localStorage.removeItem(“fresh”);
sessionStorage相同就不用在廢話了,他相當于我們的過期時間Expire=0的cookie;
相關文章
- 這篇文章主要介紹了Html5 web本地存儲實例詳解的相關資料,需要的朋友可以參考下2016-07-28
- 這篇文章主要為大家詳細介紹了HTML5本地存儲之Web Storage的相關資料,Web Storage如何用JSON存儲多個數(shù)據(jù),感興趣的小伙伴們可以參考一下2016-07-04
- 下面小編就為大家?guī)硪黄狧TML5 本地存儲 LocalStorage詳解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-24
- 這篇文章主要介紹了HTML5本地存儲功能運用技巧,通過實例可以加深對HTML5本地存儲的理解,熟練應用,感興趣的小伙伴們可以參考一下2016-03-02
- 這篇文章主要和大家聊一聊HTML5本地存儲技術,本地緩存是HTML5出現(xiàn)的新技術,所以我們更應該掌握本地存儲技術,感興趣的小伙伴們可以參考一下2016-03-02
HTML5本地存儲之Database Storage應用介紹
實際上,除了sessionStorage和localStorage外,HTML5還支持通過本地數(shù)據(jù)庫進行本地數(shù)據(jù)存儲,HTML5采用的是"SQLLite"這種文件型數(shù)據(jù)庫,該數(shù)據(jù)庫多集中在嵌入式設備上,熟2013-01-06- Web Storage是HTML5引入的一個非常重要的功能,可以在客戶端本地存儲數(shù)據(jù),類似HTML4的cookie,但可實現(xiàn)功能要比cookie強大的多,cookie大小被限制在4KB,Web Storage官方2013-01-06
HTML5 Web存儲方式的localStorage和sessionStorage進行數(shù)據(jù)本地存儲案
localStorage(本地存儲),可以長期存儲數(shù)據(jù),沒有時間限制,一天,一年,兩年甚至更長,數(shù)據(jù)都可以使用,sessionStorage(會話存儲),只有在瀏覽器被關閉之前使用,創(chuàng)建另2012-12-09- 本文將著重介紹HTML5本地存儲和內(nèi)容按需加載的思路和方法,以及HTML5視頻技術的效果。LOL官網(wǎng)采用的減少加載量的方法,在首頁上為用戶節(jié)省了至少600K的下載量,同時大大減2011-04-07
- 這篇文章主要介紹了html5本地存儲 localStorage操作使用詳解的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-09-20