当前位置：首页 > jquery

jquery返回上一页

2026-03-16 19:29:28jquery

使用 jQuery 返回上一页

在 jQuery 中，可以通过 JavaScript 的 history 对象来实现返回上一页的功能。以下是几种常见的方法：

使用 `history.back()`

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

jquery返回上一页

$('#backButton').click(function() {
    history.back();
});

使用 `history.go()`

history.go() 方法可以指定返回的步数，-1 表示返回上一页。

jquery返回上一页

$('#backButton').click(function() {
    history.go(-1);
});

使用 `window.location`

如果希望直接跳转到上一页的 URL，可以通过 document.referrer 获取上一页的地址。

$('#backButton').click(function() {
    window.location.href = document.referrer;
});

注意事项

history.back() 和 history.go(-1) 的行为可能因浏览器的缓存机制而有所不同。
document.referrer 在某些情况下可能为空（如直接访问页面或隐私模式下），需做兼容性处理。

示例代码

以下是一个完整的示例代码，展示如何通过按钮点击返回上一页：

<button id="backButton">返回上一页</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
        $('#backButton').click(function() {
            history.back();
        });
    });
</script>