SessionStorage 在页面刷新时数据完全保留——因其生命周期绑定标签页会话，F5、reload()、地址栏回车及同域 history.pushState 均不终止会话，仅关闭标签页才清除数据。
SessionStorage 本身就在页面刷新时保留数据，不需要额外操作。它的生命周期就是“当前会话”，包括页面刷新、重新加载、甚至关闭再打开同一标签页（只要没关闭整个浏览器窗口或标签页），数据都还在。
SessionStorage 的刷新行为特点
SessionStorage 不是“仅限单次页面加载”，而是绑定到当前 浏览上下文（通常是一个 tab 标签页）。只要这个标签页没被完全关闭，哪怕执行 F5、点击刷新按钮、地址栏回车、history.pushState 跳转，数据都保持不变。
怎么安全存取临时参数
存参和取参用标准 API 即可，注意类型处理：
- 存字符串参数：
sessionStorage.setItem('searchQuery', 'react hooks') - 存对象参数：必须先 JSON 序列化，
sessionStorage.setItem('filters', JSON.stringify({ category: 'js', page: 2 })) - 取值后记得解析：
const filters = JSON.parse(sessionStorage.getItem('filters') || '{}') - 读取前建议判空，避免解析 null 或 undefined 报错
容易误踩的坑
以下情况会导致 sessionStorage 清空，不是“刷新”但效果类似：
立即学习“Java免费学习笔记（深入）”；
- 用户手动关闭了当前标签页（再新开不算同一会话）
- 在 Chrome 隐私模式下，关闭所有隐私窗口后数据丢失
- 代码中主动调用了
sessionStorage.clear()或removeItem() - 跨域 iframe 中访问父页 sessionStorage（受同源策略限制，拿不到）
替代方案对比（按需选择）
如果发现刷新后参数“不见了”，大概率不是 sessionStorage 问题，而是逻辑写错了；但如果需要更持久或跨 tab 共享，可考虑：
-
URL 参数（推荐轻量场景）：把参数拼在 URL 上（如
?q=xxx），刷新天然保留，且可分享、可回退 - localStorage：跨标签页、跨会话持久保存，但需自行管理过期和清理
- URLSearchParams + history.state：结合 pushState 替换 URL 不刷新，配合 onpopstate 监听前进后退
