在最新的JS的API中增加了localStorage對象，以便于用戶存儲永久存儲的Web端的數(shù)據(jù)。而且數(shù)據(jù)不會隨著Http請求發(fā)送到后臺服務器，而且存儲數(shù)據(jù)的大小機會不用考慮，因為在HTML5的標準中要求瀏覽器至少要支持到4MB.所以，這完全是顛覆了Cookie的限制，為Web應用在本地存儲復雜的用戶痕跡數(shù)據(jù)提供非常方便的技術支持。接下來就將介紹localStorage的常用的方法。

localStorage提供了四個方法來輔助我們進行對本地存儲做相關操作。

• setItem(key,value)添加本地存儲數(shù)據(jù)。兩個參數(shù)，非常簡單就不說了。

• getItem(key)通過key獲取相應的Value。

• removeItem(key)通過key刪除本地數(shù)據(jù)。

• clear()清空數(shù)據(jù)。

<script type="text/javascript">
        //添加key-value 數(shù)據(jù)到 sessionStorage
        sessionStorage.setItem("demokey", "http://blog.itjeek.com");
        //通過key來獲取value
        var dt = sessionStorage.getItem("demokey");
        alert(dt);
        //清空所有的key-value數(shù)據(jù)。
        //sessionStorage.clear();
        alert(sessionStorage.length);
    </script>

對于JS的學習和調試必須得有Chrome的調試工具輔助才能事半功倍。當然Chrome也是我最喜愛的Web開發(fā)輔助工具，非常簡單F12快捷鍵就立即打開工具了，包括IE也是這個快捷鍵。通過下圖就可以查看當前瀏覽器中的sessionStorage數(shù)據(jù)。