localStorage,sessionStorage的使用

最近由於項目上須要使用到客戶端存儲,因此稍微研究了一下,如下說說本身的理解和使用經驗

1.調用方法相同

各自都包含如下幾種操做:

//根據key獲取對應的值;

window.sessionStorage.getItem(key);

window.localStorage.getItem(key);

//新增key-value,若key已存在,則更新value;

window.sessionStorage.setItem(key,value);

window.localStorage.setItem(key,value);

//根據key移除對應的值

window.sessionStorage.removeItem(key);

window.localStorage.removeItem(key);

//移除所有key-value

window.sessionStorage.clear();

window.localStorage.clear();

//根據索引獲取對應key

window.sessionStorage.key(index);

window.localStorage.key(index);

2.生命週期不一樣

sessionStorage是人如其名,只針對當前session(會話)有效,關閉標籤頁即失效;

localStorage則否則,即便關閉了標籤頁甚至瀏覽器,依然存在,下次打開頁面時,依然能夠直接使用,

　　可是要注意,清除瀏覽器緩存時,localStorage的內容也會清理掉;

3.數據共享

sessionStorage因爲上述特性,也就不可以在不一樣頁面之間進行數據共享,同一域名也是不能夠的;

localStorage則可以實現該需求,可是僅限於同一域名下;

 

暫時就瞭解到這些,如有問題請留言,如有不正確或不許確的地方,請指正...