CODEWITHSUNDEEP
javascriptjquerybrowser-history
3gwebtrain
3gwebtrain

Reputation: 15303

get back to previous page

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

Upvotes: 20

Views: 94654

Answers (7)

M.S Shohan
M.S Shohan

Reputation: 132

I may be a bit late to answer because I went to get milk for my son but here is an improved answer that may help future visitors.

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

Then you can use the goBack() function on any events, preferably click events.

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

We are using the navigation object in the 'if' statement to check if the window can go back in the current website. If we don't do this check, then the users will go back even if the previous page was a different website. In most cases, you don't want your users to go outside of your site or web app.

Upvotes: 0

hackernewbie
hackernewbie

Reputation: 1722

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>

Upvotes: 2

Xerrex
Xerrex

Reputation: 341

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.

Upvotes: 13

coder
coder

Reputation: 906

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

Upvotes: 1

ngrashia
ngrashia

Reputation: 9904

For JQM, this works!

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

Upvotes: 7

Diego C.
Diego C.

Reputation: 2301

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

Upvotes: 23

wRAR
wRAR

Reputation: 25569

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

Upvotes: 48

Related Questions