JavaScript中window.location和无参GET的form.submit()有何区别？

核心区别 #

• 触发逻辑不同
  • window.location.href = '目标地址' 是直接触发浏览器的导航行为，本质是告知浏览器加载新页面，属于纯页面跳转操作。
  • form.submit() 是模拟HTML表单的提交流程，哪怕表单无任何参数，浏览器也会按照GET提交规则，在目标URL后拼接空参数串（即尾随问号）再发起请求。

为什么有人用form.submit()做简单跳转？ #

• 历史遗留习惯：不少老项目里页面跳转统一依赖表单提交逻辑（比如早年后端框架绑定表单路由），开发者延续了这种写法，即便现在不需要参数。
• 老旧浏览器兼容：在IE8及更早的老旧浏览器中，直接修改window.location可能存在导航异常，表单提交的行为反而更稳定——不过这类场景如今几乎不存在了。
• 统一跳转逻辑：如果页面同时存在「带参数的GET/POST提交」和「无参跳转」，用表单可以统一处理逻辑，不用区分直接跳转或表单提交，减少代码分支。

这种写法有优势吗？ #

普通跳转场景下没有任何优势，反而会出现你提到的URL尾随问号问题，影响URL整洁性。仅在少数特殊场景下可能有用：

• 预留扩展空间：后续若要给跳转加参数，直接给表单添加隐藏<input>元素即可，无需修改跳转核心逻辑。
• 绕过特定拦截：某些页面监听了beforeunload或导航相关事件，阻止直接修改window.location的行为，但表单提交请求可能不会被同一段拦截代码影响（这种情况非常罕见）。

关于URL尾随问号的问题 #

这是浏览器处理无参GET表单提交的默认行为，因为GET请求需要将表单数据编码到URL中，无数据时就会保留问号占位。若想避免，要么直接改用window.location，要么在提交前动态调整表单action属性确保目标URL无多余问号——不过后者属于多此一举的操作。

内容的提问来源于stack exchange，提问作者user2526586