类型 | 大小 | 过期时间 | 作用域 | 设置值 | 取值 | 清除值 |
---|---|---|---|---|---|---|
localStorage | 5M | 永久,关闭浏览器或页面不会消失,需要手动清除 | 所有同源窗口共享 | window.localStorage.setItem('key','value') | localStorage.getItem('key') | localStorage.removeItem('key') localStorage.clear(); |
sessionStorage | 5M | 当前浏览器窗口关闭前有效 | 不共享,仅当前窗口有效。即便不同窗口指向同一个页面也不共享 | window.sessionStorage.setItem('key','value') | sessionStorage.getItem('key') | |
cookie | 4K | 设置的过期时间之前有效 | 所有同源窗口共享 | const now = new Date(); now.setMinutes(now.getMinutes()+60); document.cookie="name=zhangsan;expires=" + now.toUTCString(); | document.cookie | >> 将过期时间设置为当前时间之前即可清除 const now = new Date(); now.setMinutes(now.getMinutes()-1); document.cookie="name=zhangsan;expires=" + now.toUTCString(); |