form.action赋值后submit()不生效是因为提交行为在触发瞬间已锁定action值，需同步修改且不能依赖异步；应优先用formaction属性实现多按钮不同URL，动态修改时须同步更新method、enctype，并确保字段name唯一、未disabled、有value。
form.action 赋值后 submit() 不生效？
直接改 form.action 再调用 form.submit()，浏览器可能仍发往旧地址——这不是 bug，而是因为表单提交行为在事件触发瞬间已锁定 action 值。DOM 属性修改必须在 submit 触发前完成，且不能依赖异步时机。
- 正确做法：在用户点击按钮或 JS 主动触发前，同步赋值
form.action = "https://api.example.com/v2" - 常见踩坑：在
fetch().then(() => form.submit())里改 action，此时 submit 已绑定旧值，新 action 被忽略 - 验证是否生效：提交前打印
form.getAttribute('action')，比读form.action更可靠（后者可能被浏览器缓存或规范化）
多个按钮共用一个表单，怎么按需切 target URL？
不用写一堆重复表单，formaction 是 HTML5 原生方案，优先级高于 的 action 属性，兼容性到 IE10+，无需 JS 干预。
- 给每个
或单独加formaction： - 注意：该属性只对 type="submit" 的 button/input 生效；
或普通无效 - 如果后端接口路径含变量（如
/user/{id}/update），仍需 JS 拼接后再赋给formaction，不能靠模板字符串直接写死
动态改 action 后，method 或 enctype 也要同步检查
换地址常意味着换接口协议，但很多人只改 action，忘了配套调整请求方式和编码类型，导致 400 或后端收不到字段。
- 目标是上传接口？确保同时设
form.method = "post"和form.enctype = "multipart/form-data" - 目标是 RESTful GET 查询？改
form.method = "get"，并确认所有要传的字段都有name，否则不会进 URL 参数 - 跨域提交时，
form.action必须是完整 URL（含协议），不能是相对路径，否则浏览器会按当前 origin 拼接，大概率 404
target="_blank" 在动态改 action 后失效？
不是 target 属性丢了，而是浏览器策略拦截了非用户手势触发的弹窗。JS 调用 form.submit() 默认不被视为“用户主动触发”，即使你刚点过按钮。
- 安全解法：把提交逻辑包在原生 click 事件回调里，且不要用
setTimeout或 Promise 微任务延迟 - 更稳写法：
button.addEventListener('click', () => { form.action = newUrl; form.target = '_blank'; form.submit(); }) - 如果必须异步（比如等 token 刷新完），改用
window.open(newUrl, '_blank')手动构造 URL，别走表单 submit 流程
实际中最容易被忽略的点是：动态改 action 后，表单里某些字段可能因 name 重复、disabled 状态或未设置 value 导致数据丢失，而错误日志里根本看不到这些字段——建议提交前用 new FormData(form) 打印看键值对是否符合预期。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
