HTML5中的sessionStorage使用示例
SessionStorage作为HTML5的Web Storage的两种存储方式之一。
用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据会被销毁。
不是一种持久化的本地存储。
会话级的存储。
1、接口
sessionStorage.getItem(key) ---- 获取指定key的本地存储的值
sessionStorage.setItem(key,value) ---- 将value存储到key字段中
sessionStorage.removeItem(key) ---- 删除指定ke的本地存储的值
sessionStorage.length ---- sessionStorage的项目数
?
?
用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据会被销毁。
不是一种持久化的本地存储。
会话级的存储。
1、接口
sessionStorage.getItem(key) ---- 获取指定key的本地存储的值
sessionStorage.setItem(key,value) ---- 将value存储到key字段中
sessionStorage.removeItem(key) ---- 删除指定ke的本地存储的值
sessionStorage.length ---- sessionStorage的项目数
?
1 2 3 4 5 6 7 8 9 10 11 12 |
/*
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);
}
|
1 2 3 4 5 6 |
/*
清空本地存储的数据
*/
localStorage.clear();
----删除所有同源的本地存储的localStorage数据
sessionStorage.clear();
----只清空当前会话存储的数据
|
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。