永久性的本地儲(chǔ)存：localStorage
在最新的JS的API中增加了localStorage對(duì)象，以便於使用者儲(chǔ)存永久儲(chǔ)存的Web端的資料。而且資料不會(huì)隨著Http請(qǐng)求發(fā)送到後臺(tái)伺服器，而且儲(chǔ)存資料的大小機(jī)會(huì)不用考慮，因?yàn)樵贖TML5的標(biāo)準(zhǔn)中要求瀏覽器至少要支援到4MB.所以，這完全是顛覆了Cookie的限制，為Web應(yīng)用在本地儲(chǔ)存複雜的用戶(hù)痕跡資料提供非常方便的技術(shù)支援。接下來(lái)就將介紹localStorage的常用的方法。
localStorage提供了四個(gè)方法來(lái)輔助我們進(jìn)行對(duì)本地儲(chǔ)存做相關(guān)操作。
setItem(key,value)新增本機(jī)儲(chǔ)存資料。兩個(gè)參數(shù)，非常簡(jiǎn)單就不說(shuō)了。
getItem(key)透過(guò)key取得對(duì)應(yīng)的Value。
removeItem(key)透過(guò)key刪除本機(jī)資料。
clear()清空資料。
<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也是我最?lèi)?ài)的Web開(kāi)發(fā)輔助工具，非常簡(jiǎn)單F12快捷鍵就立即開(kāi)啟工具了，包含IE也是這個(gè)快捷鍵。透過(guò)下圖就可以查看目前瀏覽器中的sessionStorage資料。
