1146

What is the best (correct, modern, cross-browser, safe) way to get a web browser to navigate to a URL of your choice using JavaScript?

3
  • 4
    Not a duplicate. The other question is about redirection.
    – ftvs
    Jul 5, 2019 at 9:40
  • 1
    Not a duplicate, but related. The other question doesn't have this concise answer that clarified the solution to my problem.
    – Jesse
    Jan 28, 2021 at 8:29
  • Ensure you use the "http://" or "https://" prefix
    – Jason
    Apr 9, 2021 at 23:42

3 Answers 3

1856

This works in all browsers:

window.location.href = '...';

If you wanted to change the page without it reflecting in the browser back history, you can do:

window.location.replace('...');
4
  • 44
    Using window.location = '...' is a synonym of window.location.href = '...' - from Window.location API.
    – Oliver
    Mar 30, 2016 at 9:09
  • 4
    If you want to avoid reloading the whole page (though that would not technically be considered a navigation), look into history.pushState and history.replaceState.
    – masterxilo
    May 6, 2016 at 0:11
  • 3
    If you want to simulate clicking on a link, use location.href If you want to simulate an HTTP redirect, use location.replace Note that location.replace does not keep the originating page in the session history. Aug 23, 2019 at 13:09
  • 3
    you should also mention window.location.assign('...'), which is functionally equivalent to window.location.href = '...'. Oct 18, 2019 at 17:12
140

Try these:

  1. window.location.href = 'http://www.google.com';
  2. window.location.assign("http://www.w3schools.com");
  3. window.location = 'http://www.google.com';

For more see this link: other ways to reload the page with JavaScript

4
  • 104
    This answer would be more helpful if it explained the difference between the three. Also, please refer to 'Provide context for links' at stackoverflow.com/help/how-to-answer, because the link doesn't provide any more info, either. Oct 1, 2015 at 1:14
  • If you are using TestCafe with Node.js then you could also do: await t.navigateTo('http://www.google.com');
    – Seth Eden
    Nov 8, 2017 at 14:56
  • location.assign worked in my case, thank you :)
    – vintprox
    Oct 3, 2019 at 7:02
  • is there a way to wait for the page to full load after any of these or similar calls? e.g. if I run this in Chrome Console, only last page (google) ever truly loads window.location.href = 'google.com'; window.location.assign("w3schools.com"); window.location = 'google.com';
    – Joe
    Jan 4, 2020 at 7:59
57

It seems that this is the correct way window.location.assign("http://www.mozilla.org");

2
  • 28
    Good documentation but it says that the assign function doesn't save the current address in the history and thats something to consider. There is no correct or incorrect way, depends on the programmer's needs Jun 1, 2015 at 9:45
  • 4
    @OrBetzalel, I believe the assign function DOES save the current address in the browser's history (though of course that could vary across browsers). See discussion at developer.mozilla.org/en-US/docs/Web/API/Location, where it explains that window.location.replace() does NOT save the current address in history, but makes no such mention of window.location.assign(). In my own testing with Chrome (current Mac version as of Oct 2019), window.location.assign() DOES save the current address in the browser's history. Oct 18, 2019 at 17:11

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