浅谈本地存储之sessionStorage

sessionStorage作为HTML5的Web Storage的两种存储方式之一。

 

 

• 用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据会被销毁。
• 不是一种持久化的本地存储。
• 会话级的存储。

 

1、接口

 

• sessionStorage.getItem(key)          ---- 获取指定key的本地存储的值

• sessionStorage.setItem(key,value) ---- 将value存储到key字段中

• sessionStorage.removeItem(key)    ---- 删除指定ke的本地存储的值

• sessionStorage.length                     ---- sessionStorage的项目数

 

/*
sessionStorage和localStorage都支持key()和length
*/

var storage = window.localStorage,
      i,
      len = storage.length;
for(i=0;i<len;i++){
   var key = storage.key(i);
   var value = storage.getItem(key);
   console.log(key + '=' +value);
}

 

/*
清空本地存储的数据
*/
localStorage.clear();       ----删除所有同源的本地存储的localStorage数据

sessionStorage.clear();  ----只清空当前会话存储的数据