sessionstorage天然适用于记录单次弹窗会话的操作步数，关闭标签页即自动清空；初始化时读取并设默认值，每步操作后递增保存，跨iframe需主页面统一管理，重置可按需在弹窗打开时执行。
在弹窗向导中用 sessionStorage 记录“单次打开期间的操作步数”，关键在于：它天然满足“单次页面会话”范围（关闭标签页即清空），无需手动清理；你只需在用户每完成一步（如点击“下一步”、切换步骤、提交表单）时，读取、累加并存回即可。
初始化与读取当前步数
弹窗打开时（比如初始化向导组件），先检查 sessionStorage 中是否已有计数。没有就设为 0 或 1（取决于是否把“打开弹窗”本身算作第 1 步）：
let stepCount = parseInt(sessionStorage.getItem('onboardingStep')) || 0;
// 若希望“打开即记为第 1 步”，可改为：|| 1
每次操作后更新步数
在用户触发关键动作时（例如点击「下一步」按钮、切换到步骤 2 的 tab、完成某项表单验证），执行递增并保存：
- 先读取当前值（避免因多个异步操作导致覆盖）
- 加 1 后写入
sessionStorage - 可选：同步更新 UI 显示当前步数（如顶部进度条旁的 “第 X 步”）
function advanceStep() {
const current = parseInt(sessionStorage.getItem('onboardingStep')) || 0;
const next = current + 1;
sessionStorage.setItem('onboardingStep', next.toString());
// 更新界面上的步数提示
document.getElementById('step-indicator').textContent = `第 ${next} 步`;
}
注意跨 iframe 或多弹窗的边界情况
如果弹窗是通过 window.open() 打开的新窗口，或嵌套在 iframe 中，sessionStorage 是**隔离的**——父页和子页/新窗口不共享。此时需改用其他方式：
- 父子通信：父页用
postMessage传初始步数，子页操作后发消息回传更新 - 同源 iframe：可通过
iframe.contentWindow.sessionStorage（需同源且已加载完成）访问，但不推荐，易出错 - 更稳妥方案：统一由主页面管理步数，弹窗只负责触发事件，主页面响应并更新
sessionStorage
重置步数的时机（按需）
如果用户中途关闭弹窗又重新打开，sessionStorage 仍保留上次值——这通常符合“单次打开”的定义。但若业务要求每次打开都从 0 开始，可在弹窗 show 或 mounted 阶段强制重置：
// 弹窗显示前重置（适合每次打开都是全新流程）
sessionStorage.removeItem('onboardingStep');
// 或直接设为初始值
sessionStorage.setItem('onboardingStep', '1');
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
