iframe 的 load 事件是唯一可信的同步入口，必须监听 onload 而非 submit 或 click，确保服务端返回完整 HTML 并声明 charset，通过 postMessage 安全通信，清空表单字段须在 onload 回调中显式赋值。
隐藏 iframe 不是“提交完就没事了”的黑盒，它和父页面之间必须建立明确的状态同步时机与边界——否则你看到的 document.body.textContent 为空、SecurityError、回调不触发，根本不是 bug，而是同步逻辑断在了关键节点。
iframe 的 load 事件才是唯一可信的同步入口
很多人在 form.submit() 后立刻去读 targetFrame.contentWindow.document，结果取到空或报错。这不是代码写错了，是误把“提交完成”当成了“内容可读”。浏览器加载 iframe 内容有延迟，跨域时甚至完全不可访问，DOMContentLoaded 在 iframe 场景下不可靠，只有 load 事件能真实反映 HTML 文档加载完毕。
- 必须监听
iframe.onload，而不是表单的submit或click - 不要用
setTimeout等几毫秒——网络波动、服务端渲染慢、gzip 解压都会导致不可预测延迟 - 如果 iframe 是动态创建的，确保先绑定
onload再设置src或提交表单，否则可能错过事件 -
load触发后，再通过iframe.contentWindow.document读取内容才安全
服务端返回必须是完整 HTML，且含 charset 声明
常见错误是后端直接 echo '{"code":200}'，Content-Type 却设为 text/html。浏览器会尝试解析成 HTML，但没 <html> 结构，document.body 就不存在，textContent 自然为空。
- 最小合法结构：
<html><head><meta charset="utf-8"></head><body>{"code":200,"msg":"ok"}</body></html> - 务必声明
charset，否则中文可能乱码，某些旧版 IE 会直接拒绝解析 - 避免返回纯 JSON、XML 或无 body 的片段——它们无法生成可用的 DOM 节点
- 若用 PHP/Node.js 等，检查响应头：
Content-Type: text/html; charset=utf-8必须显式设置
父页面函数调用必须由 iframe 主动发起，不能反向依赖
写 window.parent.handleResponse(data) 看似直觉，但极易失败：父页 JS 可能还没执行完、函数名拼错、iframe 加载快于父页初始化、跨域拦截。真正可控的方式是让 iframe 自己“说话”。
立即学习“前端免费学习笔记（深入）”；
- 服务端输出内联脚本：
<script>window.parent.postMessage(JSON.stringify({code:200,msg:"success"}), "*");</script> - 父页监听
message时，用event.source === iframe.contentWindow过滤来源，避免接收其他 iframe 或弹窗消息 - 如果坚持用
parent.callback，必须加双保险：if (window.parent && typeof window.parent.callback === 'function') - 不要在 iframe 里写
parent.location.reload()类操作——这会破坏无刷新前提
表单字段清空必须放在 iframe load 回调里，且逐字段赋值
form.reset() 在 target 指向 iframe 的场景下基本失效，不是方法失效，而是浏览器在 submit 后已“冻结”表单控件的初始值快照，reset 作用于这个快照而非当前 UI 状态。
- 清空逻辑必须写在
iframe.onload回调中，确保服务器响应已处理完毕 - 避免
form.reset()，改用显式赋值：document.querySelector('input[name="email"]').value = '' - 对
textarea、select同样处理：textarea.value = ''、select.selectedIndex = 0 - 如果表单含动态生成字段，需在清空前确认 DOM 存在，否则静默失败
真正难的不是写几行 JS，而是理解 iframe 和父页之间没有共享内存、没有自动生命周期同步——所有通信都得靠事件驱动、结构约定和时机卡点。漏掉任何一个，数据就“消失”在空白 body 里，或者卡在 undefined is not a function 的报错里。
