本文介绍如何将 JavaScript 重定向逻辑部署到网站全部页面，确保任意路径（如 /test、/abc/123）都能自动跳转至目标域名对应路径，无需逐页修改或创建多层目录结构。
本文介绍如何将 javascript 重定向逻辑部署到网站全部页面，确保任意路径（如 `/test`、`/abc/123`）都能自动跳转至目标域名对应路径，无需逐页修改或创建多层目录结构。
要在所有网页上实现一致的 JavaScript 重定向（例如访问 example.com/test 自动跳转至 https://example2.com/test），关键在于：将重定向脚本注入每一个 HTML 页面的 或 顶部，并确保它在 DOM 渲染前执行。
最可靠、可维护的方式是 统一注入到所有页面的 HTML 模板中。如果你使用静态站点生成器（如 Jekyll、Hugo）、CMS（如 WordPress）、或服务端框架（如 Express、PHP），应在全局布局模板（如 _layouts/default.html、header.php 或 base.html）中插入以下脚本：
<script>
// 立即执行重定向，避免页面闪烁或用户交互
(function() {
const targetOrigin = 'https://example2.com';
const currentPath = window.location.pathname + window.location.search + window.location.hash;
const redirectUrl = targetOrigin + currentPath;
// 可选：仅在当前域名下触发重定向（防止误跳）
if (window.location.hostname === 'example.com') {
window.location.replace(redirectUrl);
}
})();
</script>
✅ 为什么用 window.location.replace() 而非 location.href？replace() 不会在浏览器历史中留下原页面记录，用户点击「返回」不会回到跳转前的旧地址，体验更干净，也符合 SEO 和安全最佳实践（避免重定向循环）。
⚠️ 重要注意事项：
-
不要依赖
setTimeout延迟跳转（如答案中给出的 3 秒示例）：这会暴露原始页面、影响用户体验、损害 SEO，且无法保证所有路径正确携带 query/hash —— 仅适用于调试或过渡场景。 -
避免放在
底部：可能导致页面短暂渲染后再跳转，造成闪烁或内容泄露。 - 务必校验来源域名：防止脚本被意外引入其他站点后误跳（如代码被复制到第三方页面）。
-
不兼容纯静态文件无模板时？ → 可借助构建工具（如 Webpack、Vite 插件）或部署前脚本（如 Node.js 批量注入）自动向所有
.html文件头部插入该脚本。
最后提醒：虽然 JS 重定向可行，但优先推荐服务端重定向（如 .htaccess、Nginx return 301）——它更快、更可靠、对爬虫友好。JS 方案仅适用于无法控制服务器配置的托管环境（如 GitHub Pages、Netlify 静态托管需配合 _redirects 文件，而非 JS）。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
