How to Redirect to Another Webpage Using JavaScript

In this post, we will learn how to redirect to another webpage using JavaScript.

Redirect a Webpage

There are a couple of ways to redirect to another webpage with JavaScript. 

The most popular ones are location.href and location.replace.

window.location.replace(...) is better than using window.location.href, because replace() does not keep the originating page in the session history, meaning the user won't get stuck in a never-ending back-button fiasco.

If you want to simulate someone clicking on a link, use location.href.

If you want to simulate an HTTP redirect, use location.replace.

For example:

// similar behavior as an HTTP redirect
window.location.replace("https://www.sourcecodeexamples.net/");

// similar behavior as clicking on a link
window.location.href = "https://www.sourcecodeexamples.net/";

You can check out StackOverflow for other ways at https://stackoverflow.com/questions/503093/how-do-i-redirect-to-another-webpage.

Comments