Demo
// 把用户存储在用户的浏览器中
// 页面刷新不丢失
// session---5M local---20M
// 存进去是字符串
// sessionStoragr(key,value)---关闭页面消失
var ipt = document.querySelector('input')
var set = document.querySelector('.set')
set.addEventListener('click',function(){
// 点击储存
var val = ipt.value;
sessionStorage.setItem('uname',val)
})
// 获取
var get = document.querySelector('.get')
get.addEventListener('click',function(){
console.log(sessionStorage.getItem('uname'))
})
// 删除
var remove = document.querySelector('.remove')
remove.addEventListener('click',function(){
sessionStorage.removeItem('uname')
})
// 全删
var del = document.querySelector('.del')
del.addEventListener('click',function(){
sessionStorage.clear()
})
参考
https://blog.csdn.net/weixin_39894914/article/details/110294670
https://blog.csdn.net/Menqq/article/details/120134083