window.location.href and window.open () methods in JavaScript
Solution 1
window.location.href
is not a method, it's a property that will tell you the current URL location of the browser. Changing the value of the property will redirect the page.
window.open()
is a method that you can pass a URL to that you want to open in a new window. For example:
window.location.href example:
window.location.href = 'http://www.google.com'; //Will take you to Google.
window.open() example:
window.open('http://www.google.com'); //This will open Google in a new window.
Additional Information:
window.open()
can be passed additional parameters. See: window.open tutorial
Solution 2
window.open
will open a new browser with the specified URL.window.location.href
will open the URL in the window in which the code is called.
Note also that window.open()
is a function on the window object itself whereas window.location
is an object that exposes a variety of other methods and properties.
Solution 3
There are already answers which describes about window.location.href property and window.open() method.
I will go by Objective use:
1. To redirect the page to another
Use window.location.href. Set href property to the href of another page.
2. Open link in the new or specific window.
Use window.open(). Pass parameters as per your goal.
3. Know current address of the page
Use window.location.href. Get value of window.location.href property. You can also get specific protocol, hostname, hashstring from window.location object.
See Location Object for more information.
Solution 4
window.open is a method; you can open new window, and can customize it. window.location.href is just a property of the current window.
Solution 5
window.open ()
will open a new window, whereas window.location.href
will open the new URL in your current window.
Related videos on Youtube
masif
Updated on July 08, 2022Comments
-
masif almost 2 years
What is the difference between
window.location.href
andwindow.open ()
methods in JavaScript?-
krubo over 4 yearsRelated: How do I redirect to another webpage
-
-
Rory O'Kane about 11 yearsThe standard probably does say that
window.location.href
is a property, not a method, but Internet Explorer (version 10 at least) allows you to treathref
as a method too. I've seen it work, only in IE10, on one page I've used. That's probably why the asker was callinghref
a method. See the question IE incompatability with window.location.href. But yes, it's better to usehref
as a property, which will work in any browser, including IE. -
James Hill about 11 years@RoryO'Kane, this question was asked in 2011. I doubt the user was referring to IE 10.
-
Rory O'Kane about 11 yearsTrue. But I think it’s likely, though not certain, that older versions of IE treated
window.location.href
the same way. After all, newer versions of iE are generally getting more standards-based, not less. So if IE10 is still breaking the standard, then older versions probably did too. -
user761100 over 5 yearswindow.open() can also open the 'url' in the same window if '_self' is passed as additional parameter.
-
Harry almost 4 yearsyes, had the same doubt. What's the difference between using
window.open(newUrl, '_self')
and location.href = newUrl` ? -
Harry almost 4 yearsWhat's the difference between using
window.open(newUrl, '_self')
and location.href = newUrl` ? Both will open thenewUrl
in the same tab.