target属性需严格匹配iframe的name值（大小写敏感）、确保iframe提前挂载、服务端返回HTML文档并设置Content-Type:text/html及CSP frame-ancestors 'self'，否则iframe将空白或跳转新窗口。
target 属性能让表单提交结果不刷新主页面，直接塞进指定 <iframe>，但必须严格匹配 name、时机和响应格式，否则 iframe 会空白或新开窗口。
target 值必须和 iframe 的 name 完全一致（大小写敏感）
浏览器只认 name，不是 id，也不是 class 或其他属性。写错一个字母，就找不到目标，浏览器会新建同名窗口而不是报错。
-
<form target="upload-result">→ 必须配<iframe name="upload-result"> -
<iframe id="upload-result">不起作用 -
<iframe name="Upload-Result">和target="upload-result"不匹配（大小写不同）
iframe 必须在表单提交前已挂载到 DOM 中
动态创建的 <iframe> 如果在 submit 事件里才 append，Safari 和部分旧版 Chrome 可能来不及注册，导致提交后响应丢失或跳转到新窗口。
- 把
<iframe name="xxx">放在<form>后面、同一级 DOM 中，静态写死最稳 - 若必须动态插入，用
document.body.insertBefore(iframe, form.nextElementSibling)确保顺序，并在submit前完成 - 避免用
hidden属性——某些浏览器不触发load事件；用style="display:none"更可靠
服务端返回内容必须是 HTML 文档（不能是 JSON）
浏览器收到响应后，会尝试把内容当作 HTML 渲染进 iframe。如果后端返回的是 {"status":"ok"} 这类纯 JSON，且没设 Content-Type: text/plain，Chrome 会下载文件，Firefox 可能显示源码，iframe 里什么也看不到。
立即学习“前端免费学习笔记（深入）”；
- 返回最小可用 HTML：
<script>window.parent.handleUpload({success:true})</script> - 确保响应头含
Content-Type: text/html（默认值，但显式设更稳妥） - 如果用了 CSP，必须加
frame-ancestors 'self'，否则 iframe 显示为空白，Network 面板能看到请求成功但 Preview 是空的
监听 iframe 加载完成并读取结果需注意同源限制
只有同源响应才能通过 JS 访问 iframe.contentDocument。跨域时 window.parent 在响应 HTML 里调用是安全的，但父页 JS 读不到内容。
- 同源场景下，监听
iframe.addEventListener('load', () => { console.log(iframe.contentDocument.body.innerHTML); }) - 跨域响应无法读取 body，只能靠响应 HTML 里主动执行
window.parent.xxx()回调 - 不要依赖
iframe.src变化来判断——POST 提交后它通常还是about:blank，得靠load事件
最容易被忽略的是服务端响应类型和 CSP 头：前端代码全对，但后端返回 JSON 或漏了 frame-ancestors，iframe 就永远空白，而控制台几乎不报错。
