window.open传参唯一可靠方式是url查询字符串，中文等需encodeuricomponent编码；超长或敏感数据应改用sessionstorage+window.opener；子窗口通过beforeunload配合postmessage通知父窗口关闭。
window.open 传参只能靠 URL 查询字符串
直接在 window.open 的第二个参数（窗口名）或第三个参数（特性字符串）里“传参”是无效的。它不接收对象、JSON 或函数，唯一可靠的方式是把参数拼进目标 URL 的 search 部分（即 ?key=value&key2=value2）。
常见错误是试图这样写：window.open('page.html', '_blank', 'data={a:1}')——这不会让 page.html 拿到 data，只是把字符串当窗口特性解析，浏览器会忽略非法特性。
- 目标页面必须自己用
URLSearchParams或正则解析window.location.search - 中文、特殊符号必须
encodeURIComponent()编码，否则 URL 会截断或报错 - 如果参数超长（比如大段 JSON），别硬塞 URL——改用
sessionStorage+ 窗口通信更稳妥
用 sessionStorage + window.opener 实现复杂参数传递
当要传数组、对象或敏感数据时，URL 传参既不安全也不现实。更健壮的做法是：主窗口先存数据到 sessionStorage，再打开新窗口，新窗口加载后立即读取并清理。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
注意：两个窗口必须同源（协议 + 域名 + 端口一致），否则 sessionStorage 不共享，window.opener 也会被浏览器限制访问。
- 主窗口中：
const data = { id: 123, tags: ['a', 'b'] };<br>sessionStorage.setItem('tempData', JSON.stringify(data));<br>window.open('page.html', '_blank'); - page.html 中（入口处）：
const data = JSON.parse(sessionStorage.getItem('tempData') || '{}');<br>sessionStorage.removeItem('tempData'); - 若新窗口需确认主窗口是否还存活，可用
window.opener && !window.opener.closed判断
新窗口关闭后如何通知原页面
window.open 返回的窗口引用对象有 closed 属性，但它只读、不触发事件。轮询检查效率低且不可靠。实际可用 beforeunload 或 unload 在子窗口中主动通知父窗口。
- 子窗口（page.html）中：
window.addEventListener('beforeunload', () => {<br> if (window.opener && !window.opener.closed) {<br> window.opener.postMessage('child_closed', '*');<br> }<br> - 主窗口监听：
window.addEventListener('message', (e) => {<br> if (e.data === 'child_closed') {<br> console.log('子窗口已关闭');<br> }<br> - 注意：
postMessage的第二参数尽量写具体源（如'https://example.com'），避免用'*'引发安全警告
window.open 被拦截时怎么办
现代浏览器只允许在用户触发的同步事件（如 click、keydown）中调用 window.open，异步回调（setTimeout、fetch.then、Promise）里调用会被静默拦截，返回 null。
- 检查返回值是否为
null：if (!win || win.closed) { alert('弹窗被拦截，请允许弹出窗口'); } - 不要在
fetch成功后才开窗；改为先开空窗口，再用win.location.href = url导航 - 移动端 Safari 对
window.open更严格，部分场景下即使用户点击也可能拦截，需准备降级方案（如跳转当前页）
sessionStorage 和 opener 行为差异很大，上线前务必在 Chrome/Firefox/Safari 移动端真机验证。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
