如何为回退按钮实现回退2页逻辑及Fallback URL配置？

完全可以实现这个需求！只需要修改你的goBack()函数，通过检查浏览器历史记录的条目数来判断是否有足够的页面可以回退，再针对性执行不同逻辑即可。

修改后的JavaScript函数 #

function goBack() {
  // 判断历史记录是否足够支持回退2页
  // 历史记录长度至少为3时（当前页+前两页），才执行回退操作
  if (window.history.length > 2) {
    window.history.go(-2);
  } else {
    // 无足够历史记录时，跳转至首页（替换为你的实际首页URL）
    window.location.href = "/";
  }
}

对应的按钮代码 #

<button onclick="goBack()">Continue Browsing</button>

逻辑说明 #

• window.history.length会返回当前浏览器会话中的历史条目总数。如果用户是直接访问感谢页面（比如书签、直接输入URL），这个值通常为1（只有当前页面），此时就会触发fallback逻辑跳转到首页。
• 当用户是从表单页面进入，且表单页面本身还有上一级页面时，历史记录长度会大于2，这时候就会执行history.go(-2)回退到最初的浏览页面。

如果遇到某些浏览器下历史记录长度计算有细微差异的情况，可以把判断条件调整为window.history.length >= 3，效果是一致的。

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