target属性仅适用于标签，用于指定表单提交后响应内容的显示位置，而非控制提交行为本身；常见错误是将其误加在button或input上，实际必须写在开始标签内，可选值包括"_self"、"_blank"、"_parent"、"_top"或自定义窗口名。

target属性只能用在

标签上，不是按钮或链接

很多人想给或加target让它提交表单并打开新窗口，但这是无效的。只有<form></form>标签支持target属性，它控制的是表单提交后响应内容的显示位置。

常见错误现象：<button target="_blank">提交</button>完全不起作用；或者把target写在<input type="submit">上，同样被浏览器忽略。

• target必须写在<form></form>开始标签里，比如：<form target="_blank"></form>
• 可选值有："_self"（默认，当前页）、"_blank"（新窗口/标签页）、"_parent"、"_top"，或自定义name（如"myFrame"）指向<iframe></iframe>或已命名窗口
• 如果页面没开过同名窗口，target="xxx"会新开一个，且该窗口后续会被复用——这点常被忽略，导致多个提交反复覆盖同一个窗口

target="_blank"提交后页面跳转失效？检查是否用了POST + 重定向

用target="_blank"提交POST表单后，新窗口可能一闪就关闭，或根本没内容——这通常不是target的问题，而是服务端返回了302重定向，且重定向目标没有适配新窗口上下文。

Wechat HTML Publisher

直接上传HTML富文本到微信公众号草稿箱。支持完整的HTML格式,无需Markdown转换。

下载

典型场景：登录表单提交后，服务端返回Location: /dashboard，但/dashboard页做了window.close()或前端路由跳转，导致新窗口瞬间空白或关闭。

• 调试方法：打开浏览器开发者工具 → Network 标签 → 提交表单 → 看新窗口发起的请求是否返回302，再点进去看重定向后的响应头和HTML内容
• 安全注意：若服务端返回Content-Disposition: attachment（比如导出Excel），target="_blank"会打开空页，因为浏览器不渲染下载响应
• 替代方案：改用fetch + window.open()手动控制，避免依赖表单原生提交行为

兼容性没问题，但iOS Safari对_target="_blank"有特殊限制

target="_blank"在所有现代桌面浏览器中工作正常，但在iOS Safari（尤其旧版本）上，如果表单提交触发了下载或弹窗拦截，新窗口可能被静默阻止，用户看不到任何反馈。

• iOS Safari要求window.open()必须在用户手势（如click）同步上下文中调用，而表单提交是异步的，所以<form target="_blank"></form>有时会被当“非用户触发”处理
• 更稳妥的做法：去掉target，用event.preventDefault() + fetch提交，成功后再window.open(url, '_blank')
• 如果坚持用原生表单，至少加上rel="noopener"（虽不影响target本身，但配合_blank是安全最佳实践）

实际最常被绕过的点：开发者以为target能控制“提交动作发生在哪里”，其实它只控制“响应内容渲染到哪个浏览上下文”。提交本身永远发生在当前页面（JS执行环境、Cookie、Referer等都来自原页），只是响应HTML被丢进了另一个窗口。这个边界模糊了，很多问题就查偏了。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！