window.open传参只能通过URL查询字符串或sessionStorage实现，不可在name或features参数中直接传对象；推荐用URLSearchParams拼接安全参数，敏感数据须用sessionStorage配合同源校验与及时清理。
window.open 传参只能靠 URL 查询参数或 sessionStorage
直接在 window.open 的第二个参数（窗口名）或第三个参数（特性字符串）里“传对象”是无效的。浏览器只认 URL 地址，所有数据必须序列化后塞进地址栏或借助跨页面共享存储。
最常用、兼容性最好的方式是拼接 URLSearchParams 或手动构造查询字符串。比如要传 {id: 123, type: "edit"}：
const url = new URL("edit.html");
url.searchParams.set("id", "123");
url.searchParams.set("type", "edit");
window.open(url.toString(), "_blank", "width=800,height=600");- 不要用
JSON.stringify直接拼到 URL 里——特殊字符（如{、"）会破坏 URL 格式，必须encodeURIComponent或走URLSearchParams - IE11 不支持
URL构造函数，可降级为字符串拼接："edit.html?id=" + encodeURIComponent("123") + "&type=" + encodeURIComponent("edit") - 如果参数含敏感信息（如 token、用户手机号），绝不能放 URL —— 会留痕、被代理/日志记录、出现在 referer 中
用 sessionStorage 在 opener 和新窗口间安全传参
当参数不适合上 URL（太大、含敏感字段、有嵌套结构），sessionStorage 是轻量又可靠的替代方案。它同源共享、页面关闭即销毁，比 localStorage 更适合一次性的窗口通信。
操作顺序很关键：必须先存，再开窗，且新窗口要主动读取：
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
立即学习“前端免费学习笔记（深入）”；
// 主窗口
sessionStorage.setItem("dialogData", JSON.stringify({ userId: 456, action: "reset" }));
window.open("dialog.html", "_blank", "width=500,height=400");// dialog.html 里（需确保 DOM 加载完成后再读）
const data = JSON.parse(sessionStorage.getItem("dialogData") || "{}");
sessionStorage.removeItem("dialogData"); // 立即清理，防重复读- 不检查
sessionStorage.getItem返回值直接JSON.parse会报错，务必加空值判断 - 必须调用
removeItem，否则刷新新窗口时还会读到旧数据 - 两个页面必须同源（协议+域名+端口完全一致），跨域会触发安全限制，
sessionStorage完全不可见
window.open 打开的页面如何确认自己是被 open 出来的
有些逻辑只应在弹出窗口中执行（比如禁用某些按钮、隐藏导航栏），需要判断当前页面是否由 window.open 启动。不能依赖 window.opener 是否为 null —— 用户可能手动打开该 URL，也可能 opener 已关闭。
- 最稳妥的是结合 URL 参数识别：
if (new URLSearchParams(location.search).has("fromOpen")) { /* 弹窗专属逻辑 */ } -
window.opener !== null只表示“曾经有 opener”，但 opener 可能已关闭或被脚本置为null，不可作为唯一依据 - 避免用
window.name传标识——容易被其他脚本覆盖，且无清理机制
新窗口关掉后，主窗口怎么收到通知
window.open 返回的窗口引用对象提供 closed 属性和轮询机制，但没有原生事件。常见做法是定时检查：
const popup = window.open("form.html", "_blank", "width=600,height=500");
const timer = setInterval(() => {
if (popup.closed) {
clearInterval(timer);
console.log("用户已关闭弹窗");
// 刷新主页面数据、更新状态等
}
}, 500);- 别用
popup.onload或popup.onclose——这些属性不存在，window.open返回的对象不支持 DOM 事件绑定 - 轮询间隔建议 ≥ 300ms，太密影响性能；太疏（如 2s）会导致响应延迟明显
- 如果新窗口内需要主动通知主窗口（比如提交成功后关闭），可用
window.opener.postMessage配合message事件，但需校验event.origin防 XSS
实际项目里，URL 传参和 sessionStorage 组合基本覆盖 95% 场景。真正难处理的是跨域弹窗、PWA 环境下 service worker 干扰、以及 iOS Safari 对 window.open 的拦截策略——这些得单独加 UA 判断和 fallback 提示。
