js实现回退

实现页面回退的 JavaScript 方法

使用 history.back()

history.back() 方法模拟浏览器后退按钮的行为，返回浏览历史中的上一页。

// 示例代码
document.getElementById('backButton').addEventListener('click', function() {
  history.back();
});

使用 history.go()

history.go(-1) 与 history.back() 效果相同，参数指定回退的步数。

// 回退一页
history.go(-1);

// 前进一页
history.go(1);

监听浏览器后退事件

通过 popstate 事件可以监听浏览器历史记录的变化。

window.addEventListener('popstate', function(event) {
  console.log('回退或前进操作触发');
});

使用 window.location

直接修改 window.location 也可以实现页面跳转，但不推荐用于简单的回退操作。

// 返回上一页
window.location = document.referrer;

注意事项

• 如果浏览历史为空，history.back() 和 history.go(-1) 不会有任何效果。
• 某些浏览器可能限制脚本控制的页面跳转行为。
• 单页应用（SPA）可能需要使用路由库（如 React Router、Vue Router）管理导航。