同源网页的储物箱

localStorage

本地储存，使用起来是一个类似字典（dict）的东西？

• 作用域: 一般是同源，其他不同域名网页无法访问
• 大小: 一般是 5M
• 生命周期: 永久，除非手动删除

// 查看所有
localStorage;

// 清空
localStorage.clear();

// 添加项目
localStorage.setItem("name", "张三");
localStorage.name = "张三";
// 获取值
localStorage.getItem("name");
// 删除项目
localStorage.removeItem("name");

测试网页

sessionStorage

会话存储，与 localStorage 用法几乎一样，但有一些区别

• 作用域: 同源，其他不同域名网页无法访问
• 大小: 一般是 5M
• 生命周期: 仅在当前会话期间，关闭浏览器标签或窗口后会被清除

// 查看所有
sessionStorage;

// 清空
sessionStorage.clear();

// 添加项目
sessionStorage.setItem("name", "张三");
sessionStorage.name = "张三";
// 获取值
sessionStorage.getItem("name");
// 删除项目
sessionStorage.removeItem("name");