开发者

get back to previous page

开发者 https://www.devze.com 2023-01-02 09:08 出处:网络
just i want to make back button in my site. once i click 开发者_StackOverflow社区the button it need to take the url in to previous page. how can i make this using jquery?<button type=\"button\" onc

just i want to make back button in my site. once i click 开发者_StackOverflow社区the button it need to take the url in to previous page. how can i make this using jquery?


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


the answer by wRAR is correct, you can use history.back or history.go(-1). However, if you are using ajax, you might need a bit more than that.

Stephen Walter has a nice article on how to use jQuery, ASP.NET, and Browser History which basically describes how to save and restore the application state yourself. I recommend you give a read.

Elijah Manor(co-host of the Official jQuery Podcast) has also written a nice article about this topic.

I hope this helps -D


Try this: am using materialise css.

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

In your jquery script file add

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

within the document ready function.


For JQM, this works!

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


This is what I have successfully used in one of my recent projects:

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


I think button onclick="history.back();" is one way to solve the problem.But it might not work in the following cases:

  1. If the page gets refreshed or reloaded.
  2. If the user opens the link in a new page.

To overcome these, the following code could be used if you know which page you have to return to.

E.g. If you have a no of links on one page and the back button is to be used to return to that page.

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

0

精彩评论

暂无评论...
验证码 换一张
取 消