Planteamiento del problema: ¿Cómo abrir un enlace sin hacer clic en él usando JavaScript?

Solución: El enlace se abrirá cuando el mouse se mueva sobre el texto. Devuelve una ventana recién creada o NULL si falla la llamada.

Sintaxis:

window.open( URL, name, Specs )

Parámetros: Esta función acepta tres parámetros como se mencionó anteriormente y se describe a continuación:

  • URL: Es un parámetro opcional. Se utiliza para especificar la URL de la página web que debe abrirse. Si no se especifica la URL, se abre una nueva ventana.
  • Nombre: Es un parámetro opcional que se utiliza para especificar el atributo de destino.
    • _blanco: La URL se carga en la nueva ventana. Es opcional.
    • _cima: La URL reemplaza la página actual.
  • Especificaciones: Es un parámetro opcional. Es una lista de elementos separados por comas, sin espacios en blanco.
    • Altura: Representa la altura de la ventana en el píxel.
    • Ancho- Representa el ancho de la ventana en el píxel.

Nota: Permitir ventana emergente del navegador web.

Programa 1: La URL se carga en la nueva ventana.

<!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() {

            }

        </script>

    </head>

    <body>

        <div class = "gfg" onmouseover = "myFunction()">

                GeeksforGeeks

        </div>

    </body>

</html>                    

/ div>

Producción:
imagen en la que se hizo clic

Programa 2: La URL se carga en la ventana actual.

<!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() {

            }

        </script>

    </head>

    <body>

        <div class = "gfg" onmouseover = "myFunction()">

            GeeksforGeeks

        </div>

    </body>

</html>  

Producción:
imagen en la que se hizo clic

Programa 3: La URL se carga en la nueva ventana de tamaño específico.

<!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() {

                              ' ', 'width=500, height=300');

            }

        </script>

    </head>

    <body>

        <div class = "gfg" onmouseover = "myFunction()">

            GeeksforGeeks

        </div>

    </body>

</html>  

Producción:
imagen en la que se hizo clic


También podría gustarte

Suscríbete a nuestro boletín

Usamos cookies para brindar y mejorar nuestros servicios. Al utilizar nuestro sitio, acepta nuestra Política de cookies.


Aprende más

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *