Cómo abrir una ventana emergente en JavaScript usando OnClick?
Windows emergente en la página web mejora la experiencia del usuario. Es una característica práctica del idioma JavaScript que se utiliza para mostrar información o características adicionales sin dejar la página actual. Por ejemplo, si desea obtener información adicional de cualquier otro sitio web en el clic de un botón, use una ventana emergente para abrir la URL proporcionada. Ayuda a mantener al usuario en el mismo sitio web y también acceder a información relacionada de recursos externos.
Este blog ilustrará el procedimiento para abrir una ventana emergente en JavaScript usando un OnClick.
Cómo abrir una ventana emergente usando OnClick en JavaScript?
Para abrir una ventana emergente utilizando el evento OnClick, use el JavaScript predefinido "ventana.abierto()" método. Acepta dos parámetros principales y muchos parámetros opcionales. El "Url" y el "nombre"De la nueva ventana o pestaña son los principales parámetros. Los otros parámetros opcionales permiten agregar características adicionales como la posición o el tamaño de la nueva ventana, ya sea que contenga o no una barra de estado, barras de herramientas y muchas más.
Sintaxis
La siguiente sintaxis se usa para el "ventana.abierto()" método:
ventana.Abrir (URL, Nombre, Features de Windows)Ejemplo
Primero, crearemos un botón en un archivo HTML y adjuntaremos un "al hacer clic"Evento que invocará la función"surgir()”Para abrir una ventana emergente en un botón, haga clic:
Ahora, defina una función llamada "surgir()"En etiqueta y llame al"ventana.abierto()" método. Pasa el "URL ", el" nombre "(" PopUpwindow ") que representa abrir la URL en una ventana emergente, y las características opcionales, como la altura y el ancho de la ventana emergente:
function popup ()ventana.Abrir ('https: // Linuxhint.com/',' popupwindow ',' altura = 300, ancho = 500, izquierda = 100, top = 100, scrollbars = sí, resizable = sí, menuBar = no, barra de herramientas = sí, ubicación = no, directorios = no, estado = si ')
Se puede ver que la ventana emergente con URL especificada y ancho y altura asignados se han abierto con éxito:
Se trataba de abrir una ventana emergente en JavaScript en un botón Haga clic.
Nota: Si desea crear una ventana emergente personalizada utilizando el "div"Elemento para mostrar información particular, visite amablemente nuestro artículo dedicado.
Conclusión
Para abrir una ventana emergente, utilice el JavaScript predefinido "ventana.abierto()" método. Abre una nueva ventana con la URL dada. Se utiliza con frecuencia en el desarrollo web para crear enlaces que se abren en una nueva ventana con información particular. Este blog ilustra el procedimiento para abrir una ventana emergente en JavaScript usando un evento OnClick.