js实现后退

使用 history.back() 方法

调用 history.back() 可以模拟浏览器的后退按钮行为，返回上一页。

// 示例代码
function goBack() {
  history.back();
}

使用 history.go(-1) 方法

history.go(-1) 与 history.back() 效果相同，参数为负数表示后退，正数表示前进。

// 示例代码
function goBack() {
  history.go(-1);
}

监听按钮点击事件

将后退逻辑绑定到按钮的点击事件上，实现用户交互。

// HTML
<button id="backButton">返回</button>

// JavaScript
document.getElementById('backButton').addEventListener('click', function() {
  history.back();
});

检查是否可后退

通过 history.length 判断是否有历史记录，避免无效操作。

function goBackSafely() {
  if (history.length > 1) {
    history.back();
  } else {
    alert("无法后退，已是第一页");
  }
}

使用 window.location 作为备选方案

如果历史记录不可用，可以通过 window.location 手动跳转。

function fallbackGoBack() {
  const referrer = document.referrer;
  if (referrer) {
    window.location.href = referrer;
  } else {
    console.log("无上一页记录");
  }
}