JavaScript ofrece métodos integrados para abrir y cerrar la ventana del navegador para realizar operaciones adicionales como la ventana del robot, etc. Estos métodos ayudan a abrir o cerrar las ventanas emergentes del navegador. Los siguientes son los métodos de ventana:
El window.open El método se utiliza para abrir una nueva página web en una nueva ventana y ventana.cerrar Método para cerrar la página web abierta por el método window.open. Vea el método window.open() en detalle:
Window.open()
Es un método de ventana predefinido de javascript se utiliza para abrir la nueva pestaña o ventana en el navegador. Esto dependerá de la configuración de su navegador o de los parámetros pasados en el método window.open() que abrirá una nueva ventana o pestaña.
Este método es compatible con casi todos los navegadores web populares, como Chrome, Firefox , etc. A continuación se muestran la sintaxis y los parámetros del método de apertura de ventana:
Sintaxis
Esta función acepta cuatro parámetros, pero son opcionales.
window.open(URL, name, specs, replace);
O
También puede utilizar esta función sin utilizar el ventana palabra clave como se muestra a continuación:
open(URL, name, specs, replace)
No hay diferencia entre ambas sintaxis.
métodos de cadena en java
Lista de parámetros
A continuación se muestra la lista de parámetros del método window.open(). Tenga en cuenta que todos los parámetros de este método son opcionales y funcionan de manera diferente.
URL: Este parámetro opcional de la función window.open() contiene la cadena URL de una página web que desea abrir. Si no especifica ninguna URL en esta función, se abrirá una nueva ventana en blanco ( acerca de:en blanco ).
nombre: Usando este parámetro, puede establecer el nombre de la ventana que va a abrir. Admite los siguientes valores:
| _blanco | La URL pasada se cargará en una nueva pestaña/ventana. |
| _padre | La URL se cargará en la ventana principal o en el marco que ya está abierto. |
| _ser | Al pasar este parámetro, la URL reemplazará la salida anterior y se abrirá una nueva ventana en el mismo marco. |
| _arriba | La URL reemplaza cualquier conjunto de marcos que se pueda cargar. |
| Nombre | Proporcione el nombre de la nueva ventana para mostrar el texto o cualquier dato que contenga. (Nota: no es el título de la ventana) |
Los valores especificados anteriormente se pasan dentro de comillas simples o dobles a la función window.open() en el lugar del parámetro de nombre.
mientras y hacer bucle while en java
especificaciones: Este parámetro contiene las configuraciones que están separadas por comas. El elemento utilizado en este parámetro no puede tener espacios en blanco, por ejemplo, ancho = 150, alto = 100 .
Admite varios valores.
reemplazar: Al igual que los demás parámetros del método window.open(), este también es un parámetro opcional. Crea una nueva entrada o reemplaza la entrada actual en la lista del historial. Admite dos valores booleanos; esto significa que devuelve verdadero o falso:
| Verdadero | Devuelve verdadero si la URL reemplaza la entrada o documento actual en la lista del historial. |
| FALSO | Devuelve falso si la URL crea una nueva entrada en la lista del historial. |
Valores de retorno
Devolverá una ventana recién abierta.
Ejemplos
A continuación se muestran algunos ejemplos de la función window.open() para abrir la ventana/pestaña del navegador. De forma predeterminada, la URL especificada se abre en una nueva pestaña o ventana. Vea los ejemplos a continuación:
1. open() con parámetro de URL
Este es un ejemplo simple de método de apertura de ventana que tiene la URL de un sitio web dentro. Hemos utilizado un botón. Al hacer clic en este botón, el método window.open() llamará y abrirá el sitio web en una nueva pestaña del navegador.
Copiar código
Click the button to open new window <br> <br> Open WindowPruébalo ahora
O
Este código se puede escribir como se indica a continuación:
Copiar código
function openWindow() { window.open('https://www.javatpoint.com'); } Click the button to open new window <br> <br> Open Window Pruébalo ahora Producción
Cuando haces clic en esto Ventana abierta botón, el sitio javatpoint se abrirá en una nueva pestaña dentro de la misma ventana.
Vea la captura de pantalla a continuación:
2. abrir() sin parámetros
En este ejemplo, no pasaremos ningún parámetro a la función window.open() para que la nueva pestaña se abra en la ventana anterior.
Copiar código
function openWindow() { window.open(); } Click the button to open new window <br> <br> Open Window Pruébalo ahora Producción
Cuando ejecute el código anterior, aparecerá un botón con él.
Cuando haces clic en esto Ventana abierta , se abrirá una ventana en blanco en una nueva pestaña.
3. open() con parámetros de nombre
En este ejemplo, especificaremos el _padre en el parámetro de nombre. Puede pasar cualquiera de estos valores (_parent, _blank, _top, etc.) en él.
Copiar código
function openWindow() { window.open('https://gmail.com', '_parent'); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window Pruébalo ahora Producción
java cómo convertir una cadena a int
Ejecute el código y obtenga el resultado como se indica a continuación. Este contendrá un botón para hacer clic y abrir la nueva URL en la misma ventana principal.
Al hacer clic en este botón, Gmail se abrirá en la misma ventana principal.
Cuando pase los diferentes valores en el segundo parámetro, verá la diferencia para diferentes valores.
4. Defina el tamaño de la nueva ventana.
En este ejemplo, especificaremos la altura y el ancho de la nueva ventana. Para esto usaremos el tercer parámetro ( especificaciones ) en el método window.open() y pasa la altura y el ancho de la ventana separados por una coma a esta función. Entonces, la ventana se abrirá en el tamaño especificado.
Copiar código
function openWindow() { window.open('', '', 'width=300,height=200'); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window Pruébalo ahora Producción
Ejecute el código anterior y obtenga el resultado como se indica a continuación. Este contendrá un botón para hacer clic y abrir la nueva URL en la misma ventana principal.
Al hacer clic en este botón, se abrirá una nueva ventana en blanco debajo de la ventana principal de tamaño.
Tenga en cuenta que también puede pasar la URL al método window.open() para abrir cualquier sitio web.
Abrir nueva ventana con un nombre y un mensaje.
Podemos mostrar cualquier texto o formulario definido por el usuario en una nueva ventana que abriremos al hacer clic en el botón. Para ello, debemos proporcionar cualquier nombre a la nueva ventana y escribir algo de texto en ella. Este nombre pasará al método window.open(). Vea el código a continuación sobre cómo se implementará con la codificación real.
Copiar código
reemplazar un color en gimp
function openWindow() { var newtab = window.open('', 'anotherWindow', 'width=300,height=150'); newtab.document.write('<p> This is 'anotherWindow'. It is 300px wide and 150px tall new window! </p>'); } <b> Click the button to open the new user-defined sized window </b> <br> <br> Open Window Pruébalo ahora Producción
Ejecute el código y obtenga el resultado como se indica a continuación. Contendrá un botón para hacer clic y abrir la nueva URL en la misma ventana principal.
Al hacer clic en este botón, se abrirá una nueva ventana con un mensaje definido por el usuario debajo de la ventana principal de tamaño 300*150.
JavaScript también ofrece el método incorporado, es decir, close() para cerrar la ventana del navegador.
Cierra la ventana abierta por window.open()
En este ejemplo, le mostraremos cómo cerrar la ventana o pestaña abierta por el método window.open(). En primer lugar, abriremos la URL de un sitio web en una nueva ventana (tamaño definido en el código) haciendo clic en un botón y luego usaremos otro botón para cerrar esa ventana abierta. Vea el siguiente código de cómo se hará:
comprobación nula de java
Copiar código
Open and close window method example // function to open the new window tab with specified size function windowOpen() { var newWindow = window.open( 'https://www.javatpoint.com/', '_blank', 'width=500, height=350'); } // function to close the window opened by window.open() function windowClose() { newWindow.close(); } <h2> Window open() and close() method </h2> <b> Click the button to open Javatpoint tutorial site </b> <br> Open Javatpoint <br> <br> <b> Click the button to close Javatpoint tutorial site </b> <br> Close Javatpoint Pruébalo ahora Producción
Cuando ejecute el código, obtendrá la respuesta como se muestra a continuación:
Haga clic en el Abrir punto Java para abrir el sitio web del tutorial de Javatpoint. Hemos especificado el tamaño (alto y ancho) de la nueva ventana emergente que se abrirá.
Si haces clic en Cerrar punto Java , esta ventana abierta se minimizará.
Soporte del navegador
Varios navegadores web admiten el método window.open(), como por ejemplo:
- Cromo
- Mozilla Firefox
- Internet Explorer (IE)
- Ópera
- Safaris, etc.
Puede usar y ejecutar el método window.open() en estos navegadores anteriores.