返回上一页

Question

我想在我的网站上添加返回按钮。当我点击该按钮时，它需要返回上一页的URL地址。我应该如何使用jQuery实现这个功能？

- 3gwebtrain

---

你能详细说明一下你想要的是什么吗？看起来你似乎想让返回按钮跳转到一个新链接？我不太确定。 - geshafer

Answer 1

<button type="button" onclick="history.back();">Back</button>

- wRAR

---

旁注：这是纯 JavaScript，不是 jQuery。有完全使用 jQuery 插件框架设计的历史插件，但它们旨在处理 AJAX 和您的历史记录（以便不会在一个行为类似多个页面的单个页面上破坏后退按钮）。 - justkt

Answer 2

wRAR的回答是正确的，你可以使用history.back或history.go(-1)。但是，如果你正在使用ajax，你可能需要更多的东西。

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

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

希望这有所帮助 -D

- Diego C.

Answer 3

试试这个：我正在使用 Materialize 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();
});

在文档准备就绪的函数中。

- Xerrex

Answer 4

对于JQM，这个很有效！

$(document).ready(function(){
    $('.backLink').click(function(){
        parent.history.back();
        return false;
    });
});

- ngrashia

Answer 5

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

<script>
    function goBack() {
       window.history.back();
    }
</script>
<a href="#" onclick="goBack()" class="btn-event-show-video">
     Return to Stand
</a>

- hackernewbie

Answer 6

我认为 button onclick="history.back();" 是解决问题的一种方式。但在以下情况下可能无法正常工作：

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

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

例如，如果您在一个页面上有多个链接，并且要使用返回按钮返回该页面。 <input type="button" onclick="document.location.href='filename';" value="Back" name="button" class="btn">

- coder

Answer 7

我可能有点晚回答，因为我去给我儿子买牛奶了，但这里有一个改进的答案，可能会对未来的访问者有所帮助。

function goBack(){
    if(navigation.canGoBack) {
        history.back();
    }
}

然后你可以在任何事件上使用goBack()函数，最好是点击事件。

<a href="#" onclick="goBack()" class="btn-go-back">
    Go back
</a>

我们在'if'语句中使用导航对象来检查窗口是否可以返回到当前网站。如果我们不进行这个检查，那么用户即使前一页是一个不同的网站，也会返回。在大多数情况下，您不希望用户离开您的网站或Web应用程序。

- M.S Shohan