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