页面加载时无指定URL参数重定向失效的代码修复咨询

问题原因 #

1. 事件触发时机过晚：原代码使用window.onload，该事件需等待页面所有资源（图片、样式等）加载完成后才触发，Chrome和Edge对这类延迟重定向存在拦截机制，导致完全失效；Firefox偶尔生效是因为资源加载速度的随机性。
2. 参数名不匹配：需求要求检查的是gcl_customer_id参数，但代码中判断的是xyz_id，直接导致逻辑错误。

修复后的代码 #

<script>
  // 立即执行检查逻辑，无需等待页面资源加载
  (function() {
    const urlParams = new URLSearchParams(window.location.search);
    // 检查需求指定的参数名gcl_customer_id
    if (!urlParams.has('gcl_customer_id')) {
      // 使用replace避免在浏览器历史中留下原页面记录（可根据需求换回href）
      window.location.replace('https://facebook.com');
    }
  })();
</script>

优化说明 #

• 将这段脚本放在页面<head>标签的最顶部，确保在页面开始渲染前就执行重定向逻辑，避免浏览器拦截或页面闪现。
• 采用立即执行函数(IIFE)，让代码在脚本加载完成后立刻运行，无需依赖任何DOM事件。
• 使用window.location.replace()替代window.location.href，重定向后浏览器历史栈不会保留原页面，用户点击返回时不会回到未授权页面（如果不需要该特性，可换回href）。

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