JavaScript实现页面加载跳转指定URL 如何配置需跳转的原页面URL

你只需要在现有重定向逻辑前增加当前页面URL的匹配判断，即可实现仅指定页面触发跳转的需求，具体实现如下：

核心思路 #

通过window.location.href获取当前页面的完整URL，和你预设的需要重定向的原URL做匹配，匹配成功后再执行跳转逻辑。

完整代码示例 #

window.onload = function() {
  // 此处配置需要触发重定向的原页面完整URL
  const originRedirectUrl = "https://你需要重定向的原页面完整URL地址/对应路径";
  // 判断当前页面是否为指定要跳转的页面
  if (window.location.href === originRedirectUrl) {
    location.href = "https://跳转后的目标URL地址/";
  }
}

不同场景的适配方案 #

• 如果你不需要完全匹配完整URL，仅需要匹配URL中的某段路径，可改用includes方法做模糊匹配：

  // 只要当前URL包含指定路径片段就触发重定向
  if (window.location.href.includes("/特定路径片段/")) {
    location.href = "https://跳转后的目标URL地址/";
  }
  

• 如果你需要给多个页面配置同个重定向规则，可以把要重定向的原URL放到数组中批量判断：

  const needRedirectUrls = [
    "https://xxx.com/page1",
    "https://xxx.com/page2",
    "https://xxx.com/page3"
  ];
  if (needRedirectUrls.includes(window.location.href)) {
    location.href = "https://跳转后的目标URL地址/";
  }
  

注意：这段JS代码需要部署到你要做重定向的站点对应页面中才会生效；如果是浏览器油猴脚本类的使用场景，也可以直接在脚本的生效匹配规则里指定要触发的原页面，不需要额外加URL判断逻辑。

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