Que es la ventana.Abrir en JavaScript

En HTML, la etiqueta de anclaje se usa para redirigir a los usuarios de una página a otra. Este tipo de etiqueta solo se limita a abrir un enlace en la página actual o en una nueva pestaña; Ambas formas no son adecuadas si desea asegurarse de que el usuario permanezca comprometido con su contenido. En solución, debe interactuar con JavaScript en el que los nuevos enlaces o páginas se pueden abrir en ventanas emergentes o en Windows de New Browser.

Esta redacción proporcionará orientación sobre la ventana.Open () Método en JavaScript.

Que es la ventana.Abrir () en JavaScript?

En JavaScript, "ventana.abierto()El método se utiliza para abrir una nueva ventana del navegador con o sin ningún contenido. Este método proporciona control sobre la ventana del navegador para ajustar la altura, el ancho y la posición de la ventana.

Cómo usar la ventana.Abrir () en JavaScript?

Para usar la ventana.Método Open () en JavaScript, utilice la siguiente sintaxis:

ventana.Abrir (URL, Target, WindowFeatures)

Aquí, "url"Representa la dirección de URL de la página que debe abrirse. Si no se especifica, de forma predeterminada se abrirá una pestaña o ventana en blanco.

Objetivo: Esto asigna el nombre de la ventana en el que se carga el contexto. Además, también puede declarar los siguientes objetivos/opciones para tener más control sobre su ventana:

• _blanco: Esta es la opción predeterminada en la que la URL se carga en una nueva pestaña o ventana.
• _padre: La URL se abrirá en la ventana de trabajo actual.
• _ ser: Esto reemplazará la página actual con la URL especificada.
• _arriba: Esto abrirá la URL en cualquier ventana cargada

Fallas de la ventana: Esto lo ayudará a personalizar una ventana de acuerdo con su necesidad. Es un argumento opcional. Se admiten los siguientes valores:

• altura = píxeles: Esto demuestra la altura de la ventana. La unidad solo se puede asignar en píxeles (PX).
• ancho = píxeles: Esta opción establecerá el ancho de la ventana.
• izquierda = píxeles: Ajuste la ventana del lado izquierdo.
• superior = píxeles: Especifique la posición superior de la ventana
• RESIZABLE = SÍ | NO: Esto permitirá que la ventana sea reenvible respectivamente.
• Menubar = sí | no: Controlar el comportamiento de si la barra de menú se mostrará o no.
• Barras de desplazamiento = Sí | No: Mostrar u ocultar las barras de desplazamiento en algunos navegadores específicos, como Firefox, es decir, ópera.
• estado = sí | no: Decidir si la barra de estado se mostrará o no.
• TitleBar = Sí | No: Establezca esta opción en sí si desea mostrar la barra de título; De otra manera no.

Aplicemos algunos valores en el siguiente ejemplo para comprender cómo la ventana.El método abierto () funciona en JavaScript.

Ejemplo 1

En nuestro ejemplo, utilizaremos "

"Y un"" etiqueta.

La etiqueta contiene algún texto que describe el propósito del botón. A continuación, en la etiqueta, estableceremos el "al hacer clic"Evento y asignarlo una función llamada"xyzfunction ()". Coloque ambas etiquetas dentro de la etiqueta del archivo HTML:

Al hacer clic en el botón a continuación, abrirá una nueva ventana con dimensiones definidas

Haz click en mi

Dentro de "xyzfunction ()"De nuestro archivo JavaScript, especificaremos el"nueva ventana"Como variable. Al tener en cuenta la sintaxis, usaremos el "ventana.abierto()"Método junto con la URL como" https: // linuxhint.com "y establecer la altura como"250"Y ancho"400"(Píxeles). Use el "" vacío para dejar el valor de destino vacío:

función xyzFunction ()
var newWindow = Window.Abrir ("https: // linuxhint.com "," "," altura = 250, ancho = 400 ");

Como resultado, cuando se hace clic en el botón agregado, se abrirá una nueva ventana de acuerdo con la URL especificada:

Tomemos otro ejemplo para ver cómo el valor objetivo juega su parte en la ventana.Open () Método.

Ejemplo 2

En este ejemplo, primero discutiremos el propósito del botón con la ayuda de algún texto:

Haga clic en el botón a continuación abrirá el enlace en el marco de los padres
con dimensiones definidas

Utilicemos el valor objetivo como "_padre"Junto con la misma URL y las funciones de ventana utilizadas en el ejemplo anterior. Sin embargo, especificar el argumento _Parent abrirá el enlace en el marco actual:

función xyzFunction ()
var newWindow = Window.Abrir ("https: // linuxhint.com "," _parent "," altura = 250, ancho = 400 ");

Producción

Hemos cubierto en detalle lo que es la ventana.Abrir () en JavaScript.

Conclusión

"ventana.abierto()"Es un método predefinido de JavaScript que se utiliza para abrir la nueva ventana del navegador con o sin ningún contenido. Proporciona varias opciones para controlar la ventana del navegador, como altura, ancho y posición. En este manual, hemos explicado en detalle qué ventana.Open () es y cómo usarlo en JavaScript.