当前位置：首页 > jquery

jquery返回上一页

2026-02-03 22:53:00jquery

返回上一页的方法

使用 jQuery 实现返回上一页的功能可以通过以下几种方式完成：

方法一：使用 history.back()

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

这种方法通过调用浏览器的历史记录 API，模拟用户点击浏览器的“后退”按钮。

jquery返回上一页

方法二：使用 history.go(-1)

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

history.go(-1) 与 history.back() 效果相同，但可以通过传递不同的参数实现多步后退。

jquery返回上一页

方法三：使用 window.location

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

通过 document.referrer 获取上一页的 URL，并跳转回去。但需要注意，某些情况下 referrer 可能为空。

注意事项

确保按钮或触发事件的元素已正确绑定 jQuery 事件。
某些浏览器可能会限制脚本控制的页面跳转行为，特别是在安全上下文（如 HTTPS）中。
如果页面是通过表单提交或重定向进入的，history.back() 可能不会返回预期页面。

完整示例

<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>