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）管理导航。
