共同点
1、localStorage和sessionStorage都是浏览器用来存储客户端临时信息的对象在本地。
2、他们只能存储字符串类型的对象。
3、不同浏览器无法共享localStorage或sessionStorage中的信息。
4,在浏览器的隐私模式下无法读取。
区别
唯一的区别就是localStorage属于永久性存储,而sessionStorage属于当会话结束的时候, sessionStorage中的键值对会被清空。
LocalStorage
1, 存储大小一般为5M
2,localStorage生命周期是永久,除非用户显示在浏览器提供的url上清除localStorage信息,否则信息将永远存在。
3,相同浏览器的不同页面间可以共享相同的 localStorage(页面属于相同域名和端口)
LocalStorage使用
1.存储数据:localStorage.setItem(“自定义数据名”, 数据)
2.取存储的本地数据:localStorage.getItem(“存储数据的数据名”)
3.删除指定的本地数据:localStorage.removeItem(“存储数据的数据名”)
4.删除当前域名下所有内容:localStorage.clear() (“清除当前域名下所有内容”)
5,判断浏览器是否支持
if (!window.localStorage) {
console.log('不支持localStorage')
} else {
let txt = "holle!"
window.localStorage.setItem('txtCon', txt)
}
SessionStorage
1,存储大小限制为2M左右
2, sessionStorage生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么所有通过sessionStorage存储的数据也就被清空了。
3,不同页面或标签页间无法共享sessionStorage的信息。这里需要注意的是,页面及标 签页仅指顶级窗口,如果一个标签 页包含多个iframe标签且他们属于同源页面,那么他们之间是可以共享sessionStorage的。
SessionStorage使用
1.存储数据:sessionStorage.setItem (“自定义数据名”, 数据)
2.取存储的本地数据:sessionStorage.getItem (“存储数据的数据名”)
3.删除指定的本地数据:sessionStorage.removeItem (“存储数据的数据名”)
4.删除当前域名下所有内容:sessionStorage.clear()(直接清除当前域名下所有内容)