Open In App
Related Articles

Open a link without clicking on it using JavaScript

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report
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.
  • 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.
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: clicked image 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: clicked image 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: clicked image

Last Updated : 19 Feb, 2019
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads