Declaración 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 la llamada falla.
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.
- _blank: La URL se carga en la nueva ventana. es opcional
- _top: 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: Permita la 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() {
window.open("https://www.geeksforgeeks.org");
}
</script>
</head>
<body>
<div class = "gfg" onmouseover = "myFunction()">
GeeksforGeeks
</div>
</body>
</html>
Producción:
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() {
window.open("https://www.geeksforgeeks.org", "_top");
}
</script>
</head>
<body>
<div class = "gfg" onmouseover = "myFunction()">
GeeksforGeeks
</div>
</body>
</html>
Producción:
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() {
window.open('https://www.geeksforgeeks.org',
' ', 'width=500, height=300');
}
</script>
</head>
<body>
<div class = "gfg" onmouseover = "myFunction()">
GeeksforGeeks
</div>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por Naman_Garg y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA