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?
-
4Not a duplicate. The other question is about redirection.– ftvsJul 5, 2019 at 9:40
-
1Not a duplicate, but related. The other question doesn't have this concise answer that clarified the solution to my problem.– JesseJan 28, 2021 at 8:29
-
Ensure you use the "http://" or "https://" prefix– JasonApr 9, 2021 at 23:42
Add a comment
|
3 Answers
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('...');
-
44Using
window.location = '...'
is a synonym ofwindow.location.href = '...'
- from Window.location API.– OliverMar 30, 2016 at 9:09 -
4If you want to avoid reloading the whole page (though that would not technically be considered a navigation), look into history.pushState and history.replaceState. May 6, 2016 at 0:11
-
3If you want to simulate clicking on a link, use
location.href
If you want to simulate an HTTP redirect, uselocation.replace
Note thatlocation.replace
does not keep the originating page in the session history. Aug 23, 2019 at 13:09 -
3you should also mention
window.location.assign('...')
, which is functionally equivalent towindow.location.href = '...'
. Oct 18, 2019 at 17:12
Try these:
window.location.href = 'http://www.google.com';
window.location.assign("http://www.w3schools.com");
window.location = 'http://www.google.com';
For more see this link: other ways to reload the page with JavaScript
-
104This 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');
Nov 8, 2017 at 14:56 -
-
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';– JoeJan 4, 2020 at 7:59
It seems that this is the correct way window.location.assign("http://www.mozilla.org");
-
28Good 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 ofwindow.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