必须在用户点击确认后向 localStorage 写入标记，下次加载前先读取该标记决定是否跳过 alert()；若 localStorage.getItem('alertShown') !== 'true'，才执行 alert 并立即 setItem('alertShown', 'true')。
如何用 localStorage 控制警告对话框只弹一次
直接结论：必须在用户点击确认（或关闭）后，往 localStorage 写入标记，下次加载页面前先读取该标记，决定是否跳过 alert()。不写入、不校验、不考虑页面刷新场景，就不可能真正“只显示一次”。
alert() 前必须检查 localStorage.getItem('alertShown')
浏览器不会自动记住你弹过警告——它连“弹过”这件事都不知道。所以每次页面加载，都得主动查一次本地存储：
- 用
localStorage.getItem('alertShown')检查是否存在值，推荐用严格相等判断：=== 'true' - 如果返回
null或不是'true'，才执行alert('请阅读重要提示') - 注意：
localStorage只存字符串，true会变成'true'，别用== true这种松散比较 - 检查逻辑必须放在脚本最靠前位置（比如
<script></script>开头），否则可能因 DOM 加载延迟导致重复触发
用户确认后必须调用 localStorage.setItem('alertShown', 'true')
alert() 是阻塞式同步弹窗，用户点确定后 JS 才继续执行，所以写入操作可以紧接其后：
if (localStorage.getItem('alertShown') !== 'true') {
alert('此功能处于测试阶段，请谨慎操作');
localStorage.setItem('alertShown', 'true');
}
常见错误：
- 把
setItem放在alert()前面 → 标记提前写入，警告根本不会弹 - 用
sessionStorage替代 → 关闭标签页就重置，不符合“本地长期只一次”需求 - 键名拼错，比如
'alertshown'（小写）和读取时的'alertShown'不一致 → 读不到，每次都弹
跨子路径或 iframe 场景下 localStorage 不共享怎么办
localStorage 严格按协议 + 域名 + 端口 + 路径（仅限二级路径）隔离。这意味着：
-
https://example.com/a/和https://example.com/b/共享同一份localStorage -
https://example.com和https://admin.example.com不共享 —— 子域名算不同源 - 嵌套的
完全无法访问父页的localStorage（同源策略限制） - 若需跨子域控制，得改用服务器下发标记、或通过
postMessage协作 + 各自域下独立存储
实际项目里最容易被忽略的是开发环境端口差异：本地 localhost:3000 和 localhost:8080 的 localStorage 完全隔离，测试时容易误判逻辑是否生效。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
