Go 从导航历史中返回上一个 URL 并替换当前的 URL

Question

i need to go back to the previous URL when a button is click.

ex: previous URL:

www.mysite.com 

current URL:

www.mysite.com/name/

user clicks the button: it goes back to:

www.mysite.com 

but I also need to replace: www.mysite.com/name/ on the browser Navigation History.

how to achieve this with javascript?

I try using the location.replace(URL) as this removes the URL from the navigation history but what should I supply to the URL argument? knowing the fact that I need to go back.

Answer 1

You can use the window.history.replaceState method to replace the current URL in the browser's navigation history with a new URL. Here is an example of how you can use this method to go back to the previous URL:

function goBack() {
  var currentUrl = window.location.href;
  var previousUrl = window.history.state.previousUrl;

  window.history.replaceState({previousUrl: currentUrl}, '', previousUrl);
  window.history.back();
}

To use this function, you will need to store the previous URL in the browser's history state when the user navigates to the current URL. You can do this by calling the window.history.pushState method before navigating to the new URL:

window.history.pushState({previousUrl: currentUrl}, '', currentUrl);
window.location.href = newUrl;