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