iframe动态创建后无法加载内容，需先挂载DOM再赋值src；销毁时仅remove会导致内存泄漏，应先设src="about:blank"等待load后再移除，并清空contentWindow引用。
iframe动态创建后无法加载内容？检查src赋值时机
直接设置 src 属性后立即 append 到 DOM，多数情况下能正常加载；但如果在创建后、插入前就赋值，部分浏览器（尤其是 Safari 和旧版 Chrome）会静默忽略该 src。必须确保 iframe 已挂载到文档中再设 src，或改用插入后再赋值。
- ✅ 正确做法：先
appendChild()，再iframe.src = "..." - ❌ 错误写法：
iframe.src = "..."; document.body.appendChild(iframe);—— 在 Firefox 中可能触发跨域策略拦截或直接不发起请求 - ⚠️ 注意：若需加载同域 HTML 片段，可用
iframe.contentDocument.write()，但必须等iframe完成初始空白页加载（监听load事件），否则报DOMException: Blocked a frame with origin ... from accessing a cross-origin frame
销毁iframe时内存没释放？别只removeChild
仅调用 removeChild() 或 element.remove() 不足以彻底清理 iframe 的运行时上下文，尤其当它已加载 JS 脚本或绑定了事件监听器时，容易造成内存泄漏。关键是要先切断其执行环境。
- ✅ 推荐流程：先设
iframe.src = "about:blank"→ 等待load触发 → 再remove() - ✅ 更稳妥做法：在设
about:blank前，先尝试访问iframe.contentWindow并调用location.replace("about:blank")（需同域），再清空所有已知引用（如回调函数、定时器） - ⚠️ 避免直接
iframe.src = ""或null，这在某些版本 Edge 中会触发异常或重定向到父页面
跨域iframe如何安全通信与销毁？postMessage是唯一可行路径
一旦 iframe 加载的是跨域资源，你就无法读取其 contentDocument、无法监听其 load 状态、也无法主动调用其 JS 方法。此时销毁逻辑必须由子页面主动配合。
- ✅ 子页面需监听
message事件，识别销毁指令（如{ type: "DESTROY" }），然后自行执行window.close()或跳转到about:blank - ✅ 父页面发送消息前，应记录
iframe.contentWindow引用，并在发送后尽快置为null，防止意外重用 - ⚠️ 不要依赖
iframe.onload判断跨域 iframe 是否“准备就绪”——它只表示框架节点创建完成，不代表子页面 JS 已初始化完毕
频繁创建/销毁iframe导致页面卡顿？控制并发与复用更有效
每次新建 iframe 都会触发完整渲染进程初始化，开销远高于普通 DOM 元素。高频操作（如滚动加载、弹窗预加载）下，应优先考虑复用而非销毁重建。
立即学习“Java免费学习笔记（深入）”；
- ✅ 折中方案：维护一个隐藏的
iframe池（2–3 个），加载完成后display: none并暂停其 JS 执行（通过src="about:blank"）；需要时快速切换src并显示 - ✅ 若必须销毁，建议加节流：例如连续 500ms 内无新创建请求，才批量清理闲置 iframe
- ⚠️ 注意：Chrome 110+ 对同一域名下短时间内大量 iframe 创建有隐式限流，表现为空白帧或
net::ERR_ABORTED错误，不是代码 bug
