JS Window Open & Close

Javascript Window Open() & Window Close() Method

The Javascript Window.open() method is used to open the web pages into a new window or a new tab. It depends on the browser settings and the values that are assigned to the parameter.

Syntax:

window.open(URL, name, specs, replace)

Parameters: This method accepts four parameters as mentioned above and described below:

URL: It is an optional parameter. It is used to set the URL of web pages that need to open. If URL is not set then window.open() method open a blank window.
name: It is an optional parameter and is used to set the window name.
specs: It is an optional parameter used to separate the item using a comma.
replace: It is an optional parameter and used to specify the URL URL creates a new entry or replaces the current entry in the history list. This parameter returns a boolean value. If this parameter returns true then URL replaces the current document in the history list and if returns false then URL creates a new entry in the history list.

Return Value: This method creates a new window.

Window.close(): This method is used to close the window which is opened by the window.open() method.

Syntax:

window.close()

Parameters: This method does not contain any parameters.

Return Value: This method does not return any value.

 <!DOCTYPE html>
 <html lang="en">
 <head>
 	<title>JavaScript</title>
 </head>
 <body>
 	<button onclick="openWindow()">Open Window</button>	
 	<button onclick="closeWindow()">Close Window</button>
 	<script>
 		/* JavaScript Open Close Window Method */
 		var myWindow;
 		function openWindow(){
 			//window.open("http://www.yahoobaba.net","yahoobaba");
			//window.open("http://www.yahoobaba.net","_blank");
 			//window.open("http://www.yahoobaba.net","_parent");
 			myWindow = window.open("http://www.yahoobaba.net","","width=500px,height=200px,left=100px,top=200px");
 		}

 		function closeWindow(){
			myWindow = window.close();
 		}
 	</script>
 </body>
 </html>