Window.location.href and window.open () methods in JavaScript

Question

Can anyone help me with the difference between window.location.href and window.open() methods in JavaScript?

Answer 1

Basically, window.location.href is not a method, it is used to provide the current URL location of your browser. Also, by changing its property it can redirect the page. Whereas, window.open() is a method that is used to open the URL in a new window. For example:

window.location.href:

window.location.href = 'http://www.google.com'; //Will take you to Google.

window.open():

window.open('http://www.google.com'); //This will open Google in a new window.

I hope this will help.

Want to become a Java Expert? Join Java Training now!!

Want to know more about Java? Watch this video on Java Tutorial for Beginners | Java Tutorial:

Answer 2

1. window. location.href

This window.location.href is basically helps to get or set the URL you are currently working on. If you click on some URL or link it will navigate to that particular URL.

Example:

// Redirect the current page to a new URL

window.location.href = 'https://www.example.com';

2. window.open()

This is used to open a new window or the tab with a specified URL.

And also we can add additional parameters such as its  size, toolbar 

And scrollbars.

Example:

// Open a new window with a specified URL and features

window.open('https://www.example.com', '_blank', 'width=800,height=600');

Answer 3

window.location.href is not a method, it's a property that will tell you the present URL location of the browser. 

window.open() is a method where you can pass a URL in that when you want to open it in a new window.

For example:

window.location.href example:

window.location.href = 'http://www.flipkart.com'; //Will take you to Flipkart.

window.open() example:

window.open('http://www.flipkart.com'); //This will open Flipkart in a new window.