Web Storage 是一种将少量数据存储在客户端磁盘的技术。Web Storage只允许存储字符串数据。
Web Storage有两种,一是localStorage、二是sessionStorage。
检测是否支持web storage
if (typeof(Storage) == "undefined") {
//不支持时操作
} else {
//支持时的操作
}
1、localStorage
localStorage存储的数据 不会 随着浏览器的关闭而消失,它的生命周期取决于程序设计者。
localStorage不允许跨域操作
1.1、存储数据
使用内部方法:
window.localStorage.setItem(key, value);
如:
window.localStorage.setItem('username','tuzhu');
数组:
window.localStorage[key] = value;
如
window.localStorage['username'] = 'tuzhu';
属性:
window.localStorage.key = value;
如:
window.localStorage.username = 'tuzhu';
1.2、获取数据
使用内部方法:
window.localStorage.getItem(key);
如:
window.localStorage.getItem('username');
数组:
window.localStorage[key];
如
window.localStorage['username'];
属性:
window.localStorage.key;
如:
window.localStorage.usernam;
1.3、删除数据
语法:
window.localStorage.removeItem(key);
或
delete window.localStorage.key;
或
delete window.localStorage[key];
1.4、清空数据
window.localStorage.clear();
2、sessionStorage
localStorage存储的数据在 会 话窗口关闭时就会被删除。
2.1、存储数据
window.sessionStorage.setItem(key,value);
window.sessionStorage[key] = value;
window.sessionStorage.key = value;
2.2、读取数据
window.sesssionStorage.getItem(key);
window.sessionStorage[key];
window.sessionStorage.key;
2.3、删除数据
window.sessionStorage.removeItem(key);
delete window.sessionStorage.key;
delete window.sessionStorage[key];
2.4、清空数据
sessionStorage.clear();
二级标题
三级标题
四级标题
注: