js实现重定向

使用 window.location 对象实现重定向

通过修改 window.location.href 或直接调用 window.location 的方法实现页面跳转。

示例代码：

// 方法1：修改 href 属性
window.location.href = "https://example.com";

// 方法2：使用 assign() 方法（可回退）
window.location.assign("https://example.com");

// 方法3：使用 replace() 方法（不可回退）
window.location.replace("https://example.com");

• assign() 会保留当前页面在历史记录中，用户可通过浏览器后退按钮返回。
• replace() 直接替换当前历史记录，无法后退。

使用 window.open() 打开新窗口或重定向

通过 window.open() 实现在新窗口或当前窗口跳转。

示例代码：

// 新窗口打开
window.open("https://example.com", "_blank");

// 当前窗口重定向
window.open("https://example.com", "_self");

• _blank 表示新窗口，_self 表示当前窗口。

使用 meta 标签实现自动重定向

通过 HTML 的 meta 标签实现页面自动跳转，适合纯前端场景。

示例代码：

<meta http-equiv="refresh" content="3;url=https://example.com">

• content 中的 3 表示 3 秒后跳转。

使用 HTTP 响应头重定向（需后端配合）

通过服务器返回 302 或 301 状态码实现重定向，需后端支持。

示例代码（Node.js 示例）：

// Express 框架示例
res.redirect(302, "https://example.com");

注意事项

• 重定向可能导致 SEO 问题，建议谨慎使用。
• 避免循环重定向（如 A 跳转到 B，B 又跳转到 A）。
• 在单页应用（SPA）中，优先使用路由库（如 React Router、Vue Router）处理导航。