回到上一页

时间:2010-06-03 17:41:36

标签: javascript jquery browser-history

我想在我的网站上制作回按钮。一旦我点击按钮,它需要将网址带到上一页。我怎么能用jquery做这个?

6 个答案:

答案 0 :(得分:29)

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

答案 1 :(得分:18)

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

Stephen Walter有一篇关于如何使用jQuery, ASP.NET, and Browser History的文章很好,它基本上描述了如何自己保存和恢复应用程序状态。我建议你阅读。

Elijah Manor(官方jQuery播客的共同主持人)也就此话题写了一篇不错的article

我希望这会有所帮助 -D

答案 2 :(得分:6)

对于JQM,这有效!

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

答案 3 :(得分:1)

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

在文件就绪功能中。

答案 4 :(得分:0)

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

  1. 如果页面被刷新或重新加载。
  2. 如果用户在新页面中打开链接。
  3. 要克服这些问题,如果您知道必须返回哪个页面,则可以使用以下代码。

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

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

答案 5 :(得分:0)

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

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