js实现返回

JavaScript 实现返回功能

在 JavaScript 中，实现返回功能通常涉及浏览器历史记录的操控。以下是几种常见方法：

使用 history.back()

function goBack() {
  history.back();
}

该方法模拟用户点击浏览器的后退按钮，返回到上一个访问的页面。

使用 history.go()

function goBack() {
  history.go(-1);
}

history.go(-1) 与 history.back() 效果相同，参数 -1 表示后退一步。

使用 window.location

function goBack() {
  window.location.href = document.referrer;
}

通过 document.referrer 获取来源页面 URL 并跳转，适用于需要返回特定页面的场景。

监听按钮点击事件

<button onclick="goBack()">返回</button>
<script>
function goBack() {
  history.back();
}
</script>

将返回功能绑定到按钮的 onclick 事件。

注意事项

• 如果用户直接访问页面且无历史记录，history.back() 可能无效。
• 在单页应用（SPA）中，可能需要使用路由库（如 React Router、Vue Router）管理导航。
• 某些浏览器可能限制脚本操控历史记录的行为。

以上方法可根据具体需求选择，history.back() 是最简单直接的实现方式。