Web Storage 可以让应用在用户的本地上存储一些内容,这些内容是成对出现的,内容的名称,还有内容具体的值 … 使用 setItem ,可以去设置存储的内容,然后用 getItem 可以获取到存储的具体的内容。
Local Storage 本地存储空间,其存储的东西在关掉浏览器的时候不会消失
Session Storage 连线时段存储空间,其存储的东西在关掉浏览器的时候会自动清除
使用localStorage存储一条键值对:
localStorage.setItem('name','Html5');
使用localStorage获取值:
localStorage.getItem('name');
获取localStorage的length()可以获取存储的键值对的数目
localStorage.removeItem('name');
移除localStoage中指定名字的键值对
localStorage.clear();
清空localStorage设置的所有值
storage事件可以用来监听存储区域发生变化:
window.addEventListener('storage',storageEventHandler,false);
function storageEventHandler(event){
//要执行的业务逻辑
//设置的数据如果一样的话,就不会触发此事件了
console.log(event.key);
console.log(event.oldValue);
console.log(event.newValue);
console.log(event.storageArea);
console.log(event.url);
}
localStorage.lastVisitTime = (new Date().tUTCSytig());
var lastVisitTime = new Date(Date.parse(localStorage.lastVisitTime));
lastVisitTime.getMonth()+1;
lastVisitTime.getFullYear();
JSON.stringify();//能将对象转化为JSON字符串
JSON.parse(); //能将JSON字符串转化为对象
localStorage.key(下标);