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

  1. This blog was… how do you say it? Relevant!! Finally I’ve found something which helped me. Cheers!
    by cloudi5 is the Best Web design company in coimbatore

    ReplyDelete

Post a comment