永久性的本地存儲(chǔ)：localStorage
在最新的JS的API中增加了localStorage對(duì)象，以便于用戶存儲(chǔ)永久存儲(chǔ)的Web端的數(shù)據(jù)。而且數(shù)據(jù)不會(huì)隨著Http請(qǐng)求發(fā)送到后臺(tái)服務(wù)器，而且存儲(chǔ)數(shù)據(jù)的大小機(jī)會(huì)不用考慮，因?yàn)樵贖TML5的標(biāo)準(zhǔn)中要求瀏覽器至少要支持到4MB.所以，這完全是顛覆了Cookie的限制，為Web應(yīng)用在本地存儲(chǔ)復(fù)雜的用戶痕跡數(shù)據(jù)提供非常方便的技術(shù)支持。接下來(lái)就將介紹localStorage的常用的方法。
localStorage提供了四個(gè)方法來(lái)輔助我們進(jìn)行對(duì)本地存儲(chǔ)做相關(guān)操作。
setItem(key,value)添加本地存儲(chǔ)數(shù)據(jù)。兩個(gè)參數(shù)，非常簡(jiǎn)單就不說(shuō)了。
getItem(key)通過(guò)key獲取相應(yīng)的Value。
removeItem(key)通過(guò)key刪除本地?cái)?shù)據(jù)。
clear()清空數(shù)據(jù)。
<script type="text/javascript">
//添加key-value 數(shù)據(jù)到 sessionStorage
sessionStorage.setItem("demokey", "http://blog.itjeek.com");
//通過(guò)key來(lái)獲取value
var dt = sessionStorage.getItem("demokey");
alert(dt);
//清空所有的key-value數(shù)據(jù)。
//sessionStorage.clear();
alert(sessionStorage.length);
</script>對(duì)于JS的學(xué)習(xí)和調(diào)試必須得有Chrome的調(diào)試工具輔助才能事半功倍。當(dāng)然Chrome也是我最喜愛(ài)的Web開(kāi)發(fā)輔助工具，非常簡(jiǎn)單F12快捷鍵就立即打開(kāi)工具了，包括IE也是這個(gè)快捷鍵。通過(guò)下圖就可以查看當(dāng)前瀏覽器中的sessionStorage數(shù)據(jù)。
