关于前端:webStorage向浏览器存储数据

11次阅读

共计 908 个字符，预计需要花费 3 分钟才能阅读完成。

webStorage 有两兄弟: sessionStorage(敞开浏览器就没了),localStorage(只有不本人删就算敞开浏览器也还在, 下次进入同一个页面, 还是存在)
用法: 基本上就是存字符串或者 json

保留 / 批改 (保留会批改原来的数据)

const localObj = {name:'张三', age: 23}
const sessionObj = {name: '李四', age: 24}
localStorage.setItem('localData' , JSON.stringify(localObj) )
sessionStorage.setItem('sessionData' , JSON.stringify(sessionObj) )

获取

console.log(JSON.parse(localStorage.getItem('localData')))
console.log(JSON.parse(sessionStorage.getItem('sessionData')))

删除单个

localStorage.removeItem("localData")
sessionStorage.removeItem('sessionData')

删除全副

localStorage.clear();
sessionStorage.clean();

监听 (不太懂)

//Storage 发生变化（减少、更新、删除）时的 触发，同一个页面产生的扭转不会触发，只会监听同一域名下其余页面扭转
 Storagewindow.addEventListener('storage', function (e) {console.log('key', e.key);
    console.log('oldValue', e.oldValue);  
    console.log('newValue', e.newValue); 
    console.log('url', e.url);
})

localStorage 在浏览器的隐衷模式上面是不可读取的。
localStorage 实质上是对字符串的读取，有 json 格局时须要 JSON.stringify() 转化为字符串。
localStorage 不能被爬虫抓取

正文完