web存储
1.cookie : 有时间限制 存储大小 几kb
2.localStorage : 没有时间限制 只要不手动清除 就一直存在 存储大小几 Mb
3.sessionStorage : 没有时间限制 页面关闭后自动清除 存储大小几 Mb
sessionStorage 方法和localStorage一样
存数据 setItem(key,value) value只能是基本类型
存放引用类型需要用到 JSON.stringify()
// sessionStoraage web存储
// 存数据 setItem(key,value) value只能是基本类型
let set = document.getElementById('set')
set.onclick = function () {
var obj = {
name: 'zj'
}
sessionStorage.setItem('key', 'woshi666')
sessionStorage.setItem('key2', JSON.stringify(obj))
取数据 getItem(key)
获取引用类型的数据需要 JSON.parse
//取数据 getItem(key)
// 获取引用类型的数据需要 JSON.parse
let get = document.getElementById('get')
get.onclick = function () {
console.log(sessionStorage.getItem('key'))
console.log(JSON.parse(sessionStorage.getItem('obj')));
}
移除数据 removeItem(key)
// 移除数据 removeItem(key)
let remove = document.getElementById('remove')
remove.onclick = function () {
console.log(sessionStorage.removeItem('key1'));
console.log(sessionStorage.removeItem('obj'));
}
清除数据 clear()
let clear = document.getElementById('clear')
clear.onclick = function () {
sessionStorage.clear()
}
localStorage 属性同上 面的sessionStorage