web本地存储

原创于 2018-03-21 10:16:22 发布 · 155 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML

WEB 同时被 2 个专栏收录

1 篇文章

订阅专栏

HTML

0 篇文章

订阅专栏

本文详细介绍了浏览器中的两种本地存储方式：sessionStorage 和 localStorage 的使用方法，包括数据的保存、获取、删除等操作，并提供了示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

localStorage、sessionStorage
sessionStorage （临时存储）：在浏览器打开期间存在（包括页面重新加载）
localStorage （长期存储）：数据依然会一直存在（手动清除）

1. 保存数据到本地

sessionStorage.setItem('email', 'gengwenx@yeah.net');   
localStorage.setItem('email', 'gengwenx@yeah.net');

2. 从本地存储获取数据

sessionStorage.getItem('email');   
localStorage.getItem('email');

3. 本地存储中删除某个保存的数据

sessionStorage.removeItem('email');   
localStorage.removeItem('email');

4. 删除所有保存的数据

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

5. 监听本地存储的变化

window.addEventListener('storage', function (e) { 
       console.log('key', e.key);        
       console.log('oldValue', e.oldValue);       
       console.log('newValue', e.newValue);        
       console.log('url', e.url);   
 })

浏览器查看方法

F12 => Application

最大容量是多少?

传说5M