如何通过JavaScript截取URL参数并实现5秒后重定向？

你已经完成了提取s参数的核心逻辑，只需添加延迟重定向的代码即可实现需求，完整代码如下：

<script>
// 解析当前页面URL
const parsedUrl = new URL(window.location.href);
// 获取s参数对应的目标地址
const targetUrl = parsedUrl.searchParams.get("s");

// 验证目标地址是否存在，避免无效重定向
if (targetUrl) {
  // 设置5秒（5000毫秒）延迟后执行重定向
  setTimeout(() => {
    // 常规重定向，用户可通过返回按钮回到当前页面
    window.location.href = targetUrl;
    // 若要禁止返回，可替换为：window.location.replace(targetUrl)
  }, 5000);
} else {
  // 无s参数时的容错处理，可根据需求修改
  console.log("未找到目标跳转地址");
}
</script>

关键逻辑说明 #

• setTimeout()：浏览器原生的延迟执行函数，第二个参数为延迟时长（单位毫秒，5000对应5秒）
• 重定向方式选择：
  • window.location.href：保留当前页面的历史记录，用户后续可点击返回按钮回到原页面
  • window.location.replace()：替换当前页面的历史记录，用户无法通过返回按钮回到原页面
• 参数校验：增加if (targetUrl)判断，避免URL中无s参数时出现异常

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