1. localStorage:
- localStorage 允许在浏览器关闭后数据仍然存在,直到用户手动清除浏览器缓存。
- 使用方法:
// 存储数据
localStorage.setItem('key', 'value');
// 获取数据
var data = localStorage.getItem('key');
// 删除数据
localStorage.removeItem('key');
// 清空所有数据
localStorage.clear();
2. sessionStorage:
- sessionStorage 存储的数据在会话结束时被清除,即当用户关闭浏览器标签页或窗口时。
- 使用方法与 localStorage 类似:
// 存储数据
sessionStorage.setItem('key', 'value');
// 获取数据
var data = sessionStorage.getItem('key');
// 删除数据
sessionStorage.removeItem('key');
// 清空所有数据
sessionStorage.clear();
这两种存储方式都是基于键值对的,可以存储字符串类型的数据。请注意,存储在这两个地方的数据对整个域名是可见的,即在同一域名下的不同页面之间可以共享这些数据。但是,由于存储容量有限,建议仅存储必要的数据,并且注意不要存储敏感信息。
转载请注明出处:http://www.zyzy.cn/article/detail/12436/HTML