15

只是我想在我的网站上制作后退按钮。一旦我单击按钮，它需要将 url 带到上一页。我怎样才能使用 jquery 做到这一点？

4

6 回答 6

41 
<button type="button" onclick="history.back();">Back</button>
于 2010-06-03T17:58:36.387 回答
23

wRAR 的答案是正确的，您可以使用 history.back 或 history.go(-1)。但是，如果您使用的是 ajax，则可能需要更多。

Stephen Walter 有一篇关于如何使用jQuery、ASP.NET 和浏览器历史的好文章，它基本上描述了如何自己保存和恢复应用程序状态。我建议你读一读。

Elijah Manor（官方 jQuery 播客的共同主持人）也写了一篇关于这个主题的好文章。

我希望这会有所帮助-D

于 2010-06-03T18:10:24.177 回答
11

试试这个：我正在使用物化 css。

<button id="back_btn" class="btn waves-effect waves-light"  name="action">Back<i class="material-icons left">chevron_left</i>
</button>

在您的 jquery 脚本文件中添加

$("#back_btn").click(function (){
  window.history.back();
});

在文档准备功能中。

于 2018-01-29T08:51:05.620 回答
8

对于 JQM，这行得通！

$(document).ready(function(){
    $('.backLink').click(function(){
        parent.history.back();
        return false;
    });
});
于 2015-10-13T11:02:27.920 回答
2

这是我在最近的一个项目中成功使用的：

<script>
    function goBack() {
       window.history.back();
    }
</script>
<a href="#" onclick="goBack()" class="btn-event-show-video">
     Return to Stand
</a>
于 2020-09-02T16:05:40.827 回答
1

我认为这button onclick="history.back();"是解决问题的一种方法。但在以下情况下它可能不起作用：

  1. 如果页面被刷新或重新加载。
  2. 如果用户在新页面中打开链接。

为了克服这些问题，如果您知道必须返回哪个页面，则可以使用以下代码。

例如，如果您在一个页面上没有链接，并且后退按钮将用于返回该页面。

<input type="button" onclick="document.location.href='filename';" value="Back" name="button" class="btn">

于 2016-06-24T12:26:09.933 回答