JavaScript 重定向

最后修改时间：2026年5月20日

JavaScript 可以在浏览器中把当前页面跳转到新的 URL。它适合登录状态判断、前端路由兼容或按钮操作后的跳转，但不适合承担页面永久迁移的 SEO 任务。

JavaScript 重定向代码

把目标地址替换为你要跳转的新页面。对于旧页面迁移，通常使用 window.location.replace()，避免用户后退时再次回到旧页面。

old-page.html:

<!DOCTYPE html>
<html>
<body>
<script>
// JavaScript URL redirection
window.location.replace("https://www.example.com/new-page.html");
</script>
</body>
</html>

搜索引擎识别页面迁移时主要看 HTTP 状态码。JavaScript 跳转页面通常返回 200 OK，因此长期迁移请使用 301 重定向。

JavaScript 重定向测试示例

下面的测试页会通过 JavaScript 跳回当前教程页面。

JavaScript 重定向测试

什么时候可以使用 JavaScript 跳转

根据登录状态跳转到控制台或登录页。
单页应用中兼容旧路由。
表单提交成功后跳转到结果页。
需要保留页面内容并给用户展示说明时作为后备跳转。

查看 URL 重定向总览

常见问题

JavaScript 重定向会返回 301 状态码吗？

不会。JavaScript 在浏览器端执行，服务器通常已经返回 200 OK，因此不能替代服务器端 301 永久重定向。

replace() 和 href 跳转有什么区别？

window.location.replace() 会替换当前历史记录，用户点后退通常不会回到旧页面；设置 location.href 则会增加一条历史记录。