63

When the user loads the page, I immediately do a window redirect to another location.

The problem is, when the user clicks back, it'll go back to the page which does the redirect.

Can I "cancel" the history of the previous page? So that when the user clicks back, it goes back TWO pages instead?

0

3 Answers 3

112

Instead of using window.location = url; to redirect,

try:

window.location.replace(url);

after using replace() the current page will not be saved in session history, meaning the user won't be able to use the Back button to navigate to it.

3
  • This works for pages I have control over loading, but how about for instances where you want to clear all previous browsing (different sites)? I'm lazy and don't want handle exiting web app intentionally or on purpose using back button. Oct 30, 2014 at 15:19
  • Is there a way to do this without loading the defined new page? Aug 22, 2018 at 10:05
  • Worked like charm for me
    – Ashish_B
    Mar 15, 2019 at 9:27
9

You can use location.replace to replace the current location entry (the redirect page) with the new one (the target). That requires that you do the redirection via JavaScript rather than with meta tags or a 302. E.g.:

// In the redirecting page
location.replace("path/to/target/page");

Live example | Live example source

4

For anyone coming across this page and looking for an AngularJS way to accomplish this (rather than javascript), use the $location service's replace() method (documentation) :

Use $location.url('/newpath'); or $location.path('/newpath'); as you normally would to do the redirection in angular. And then just add $location.replace(); right after it. Or you can chain the commands like this:

$location.url('/newpath').replace();
0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.