前端缓存--SessionStorage(三)

一、SessionStorage简介

SessionStorage存活周期就是会话开始直到结束的这段时间，就是从我们打开一个浏览器窗口到关闭浏览器窗口的这段时间内都是有效的，无论是刷新开始重新打开页面当前的SessionStorage都是有效的。当我们在打开一个新窗口的时候就会重新再创建一个SessionStorage对象。
SessionStorage在我们打开浏览器是被创建，它只能在当前的域名中有效，重新输入一个网址后就会重新创建一个新的SessionStorage对象，但是只要我们不关闭当前的窗口我们在重新输入原网址的时候，原来的SessionStorage仍然是可用的。
主要作用：用来存储客户端临时信息的对象【数据临时存放区，能在一定程度上减少与服务器的交互次数】

二、SessionStorage操作

创建

window.sessionStorage.setItem("key","123");

获取

window.sessionStorage.getItem("key");

删除

window.sessionStorage.removeItem("key");

清除所有

window.sessionStorage.clear();

JSON操作

window.sessionStorage.setItem("key",'{"a":"1"}');
var jsonstr = window.sessionStorage.getItem("key");
var jsonval = JSON.parse(jsonstr);
console.log(jsonval["a"]);//输出为1

二、SessionStorage与LocalStorage的区别与详解

主要区别sessionStorage与localStorage的生命周期不一样。
SessionStorage：浏览器关闭后其内部setItem的值会被自动删除
LocalStorage：只要你手动不清缓存或者removeItem,clear等操作。设置的值会一直存在，关闭浏览器后还会存在（前提是你重新打开同样的网址）

0 条评论