Window.open(): este método se utiliza para abrir las páginas web en una nueva ventana.
Sintaxis:
window.open(URL, name, specs, replace)
Parámetros: este método acepta cuatro parámetros, como se mencionó anteriormente y se describe a continuación:
- URL: Es un parámetro opcional. Se utiliza para establecer la URL de las páginas web que deben abrirse. Si la URL no está configurada, el método window.open() abre una ventana en blanco.
- nombre: Es un parámetro opcional y se utiliza para establecer el nombre de la ventana.
- especificaciones: es un parámetro opcional que se utiliza para separar el elemento mediante una coma.
- replace: es un parámetro opcional y se usa para especificar la URL URL crea una nueva entrada o reemplaza la entrada actual en la lista de historial. Este parámetro devuelve un valor booleano. Si este parámetro devuelve verdadero, la URL reemplaza el documento actual en la lista del historial y si devuelve falso, la URL crea una nueva entrada en la lista del historial.
Valor de retorno: este método crea una nueva ventana.
Window.close(): este método se utiliza para cerrar la ventana que abre el método window.open().
Sintaxis:
window.close()
Parámetros: este método no contiene ningún parámetro.
Valor devuelto: este método no devuelve ningún valor. El siguiente ejemplo ilustra el método window.open() y window.close() en jQuery.
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<title>
window open and close method
</title>
<style>
body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.container {
position: relative;
text-align: center;
}
</style>
<script>
var Window;
// Function that open the new Window
function windowOpen() {
Window = window.open(
"https://www.geeksforgeeks.org/",
"_blank", "width=400, height=300, top=230, left=540");
}
// function that Closes the open Window
function windowClose() {
Window.close();
}
</script>
</head>
<body>
<div class="container">
<h1 style="color: rgb(18, 154, 18);">GeeksforGeeks</h1>
<button onclick="windowOpen()">
Open GeeksforGeeks
</button>
<button onclick="windowClose()">
Close GeeksforGeeks
</button>
</div>
</body>
</html>
Producción:
- Después de hacer clic en Abrir GeeksforGeeks :
- Si hace clic en el botón Abrir GeeksforGeeks, la página geeksforgeeks.org se abre en una nueva ventana y si hace clic en el botón Cerrar GeeksforGeeks, las ventanas de geeksforgeeks.org se cerrarán.
Navegador compatible: los navegadores son compatibles con los métodos window.open() y window.close() que se enumeran a continuación:
- Chrome versión 1 y superior
- Edge versión 12 y superior
- Firefox versión 1 y superior
- Internet Explorer versión 4 y superior
- Opera versión 3 y superior
- Safari versión 1 y superior
JavaScript es mejor conocido por el desarrollo de páginas web, pero también se usa en una variedad de entornos que no son de navegador. Puede aprender JavaScript desde cero siguiendo este tutorial de JavaScript y ejemplos de JavaScript .
HTML es la base de las páginas web y se utiliza para el desarrollo de páginas web mediante la estructuración de sitios web y aplicaciones web. Puede aprender HTML desde cero siguiendo este tutorial de HTML y ejemplos de HTML .
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