表单跳转框架由form元素的target属性控制，值必须是_self、_blank、_parent、_top或与页面中<iframe name="xxx">严格匹配的自定义名称；target必须写在<form>标签上，写在按钮或JS中无效，且受用户交互、响应类型及CSP策略等多重约束。
直接说结论：表单跳转框架由 form 元素的 target 属性控制，值必须是 _self、_blank、_parent、_top 或与页面中某个 <iframe name="xxx"> 严格匹配的自定义名称——写错位置、类型或大小写，就完全不生效。
target 必须写在 <form> 标签上，不是按钮也不是 JS
很多人把 target="_blank" 加到 <button type="submit"> 或 <input type="submit"> 上，结果点击后仍在当前页刷新。这是因为 target 是 form 的原生属性，只对表单整体提交行为起效，和 action、method 并列。
- ✅ 正确：
<form action="/save" method="post" target="_blank"><button type="submit">提交</button></form> - ❌ 无效：
<form><button type="submit" target="_blank">提交</button></form>（属性被忽略） - ⚠️ JS 动态设置只能操作
formDOM 节点本身：document.querySelector('form').target = '_top'；用button.form.target这类间接引用容易出错 - 若用了
event.preventDefault()（如 Vue 的@submit.prevent），原生提交流程被阻断，target完全失效
target 值写什么？匹配规则和常见陷阱
target 不是随便起名，浏览器只认有限几个关键字或已存在的命名上下文。写错就降级为 _self，但你可能根本察觉不到。
-
_self：当前标签页/框架（默认，不写也等效） -
_blank：新开标签页；注意：若已有同名窗口（如之前用window.open('', 'mywin')打开过），会复用而非新建 -
_parent：仅当表单在嵌套<iframe>中才有效，且只向上跳一级；若父级是跨域 iframe，常触发Blocked a frame with origin报错 -
_top：强制跳出所有 iframe，在顶层窗口加载响应；比_parent更可靠，尤其 CMS 后台“退出编辑”类场景 - 自定义名（如
result-frame）：必须与页面中某个<iframe name="result-frame">的name属性**完全一致**（大小写敏感），id不管用
为什么 target="_blank" 经常没反应？不是代码问题，是浏览器策略
写了 target="_blank" 却没打开新页，大概率不是前端漏了属性，而是触发条件不满足——现代浏览器（Chrome/Safari）对非用户主动触发的弹窗有严格拦截。
立即学习“前端免费学习笔记（深入）”；
- ✅ 可靠触发：用户真实点击
<button type="submit">，同步执行原生提交 - ❌ 静默失败：JS 自动调用
form.submit()、setTimeout里提交、fetch成功回调中提交——均被视为“非手势上下文”，降级为_self - 后端返回内容必须是
text/html；若返回 JSON 或空响应，新标签页会显示“无法加载此网页” - 若页面启用了 CSP 策略（如
popup-src 'none'），控制台会报Failed to open window
用 target 指向 iframe 实现无刷新提交的关键约束
这是绕过页面跳转、保留主页面状态的成熟方案，但细节容错极低。
-
<iframe name="upload-result">必须在form提交前已存在于 DOM 中；JS 动态创建后立刻提交，在 Safari 下可能失效 - 服务端响应需是完整 HTML（含
<html>）或纯文本；返回 JSON 且未设Content-Type: text/plain，某些浏览器会尝试下载文件 - 若
target="xyz"找不到对应<iframe name="xyz">，浏览器会新建一个命名窗口（通常是新标签页），而非报错——这容易让你误判逻辑失败 - iframe 的
name和 form 的target必须大小写完全一致；target="ResultFrame"匹配不上<iframe name="resultframe">
真正容易被忽略的不是语法，而是上下文：target 行为高度依赖页面是否嵌套 iframe、用户交互是否同步、服务端返回内容类型是否匹配——任何一个环节脱节，它就静默退化成 _self，而你可能还在检查 HTML 拼写。
