Open a link without clicking on it using JavaScript

19 Feb, 2019
Problem Statement: How to open a link without clicking on it using JavaScript?
Solution: The link will be open when the mouse moves over the text. It returns a newly created window, or NULL if the call gets failed.
Syntax:
window.open( URL, name, Specs )
Parameters: This function accepts three parameters as mentioned above and described below:
URL: It is optional parameter. It is used to specify the URL of the web page which need to open. If URL is not specified then a new Window is open.
Name: It is an optional parameter which is used to specify the target attribute._blank: The URL is loaded into the new window. It is optional._top: The URL replaces the current page.
_blank: The URL is loaded into the new window. It is optional.
_top: The URL replaces the current page.
Specs: It is an optional parameter. It is a comma-separated list of items, no whitespace.Height: It represents the height of window in the pixel.Width- It represents the width of window in the pixel.
Height: It represents the height of window in the pixel.
Width- It represents the width of window in the pixel.
Note: Allow Pop-up of Web Browser.
Program 1: URL is loaded into the new window.
<!DOCTYPE html><html>    <head>        <title>Javascript open link without click</title>        <style>            .gfg {                text-align:center;                font-size:40px;                font-weight:bold;                color:green;            }        </style>        <script>            function myFunction() {                window.open("https://www.geeksforgeeks.org");            }        </script>    </head>    <body>        <div class = "gfg" onmouseover = "myFunction()">                GeeksforGeeks        </div>    </body></html>                    
Output:
Program 2: URL is loaded into the current Window.
<!DOCTYPE html><html>    <head>        <title>Javascript open link without click</title>        <style>            .gfg {                text-align:center;                font-size:40px;                font-weight:bold;                color:green;            }        </style>        <script>            function myFunction() {                window.open("https://www.geeksforgeeks.org", "_top");            }        </script>    </head>    <body>        <div class = "gfg" onmouseover = "myFunction()">            GeeksforGeeks        </div>    </body></html>  
Output:
Program 3: URL is loaded into the new window of specific size.
<!DOCTYPE html><html>    <head>        <title>Javascript open link without click</title>        <style>            .gfg {                text-align:center;                font-size:40px;                font-weight:bold;                color:green;            }        </style>        <script>            function myFunction() {                window.open('https://www.geeksforgeeks.org',                              ' ', 'width=500, height=300');            }        </script>    </head>    <body>        <div class = "gfg" onmouseover = "myFunction()">            GeeksforGeeks        </div>    </body></html>  
Output:
JavaScript-Misc
JavaScript
Web Technologies
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.