En este artículo, aprenderemos sobre el método JavaScript window.close() , que se utiliza para cerrar una determinada ventana o pestaña del navegador que se abrió previamente con el método window.open() . El método window.close() no requiere ningún parámetro. Tendremos algunos ejemplos para entender completamente su proceso de trabajo.
Sintaxis:
window.close();
Parámetros: este método no acepta ningún parámetro.
Ejemplo: en este ejemplo, al principio usaremos el método window.open() para abrir una nueva ventana, asignar su valor a una variable temporal y usar esa variable con el método window.close() para cerrar esa página.
HTML
<!DOCTYPE html>
<head>
<title>Window open method</title>
<style>
body {
background-color: #272727;
display: flex;
justify-content: center;
align-items: center;
margin-top: 20%;
}
.main {
width: 30%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-color: rgb(82, 82, 82);
margin: 10px;
font-family: 'Roboto', sans-serif;
color: rgb(214, 213, 213);
border-radius: 5px;
padding: 20px;
}
.btn {
width: 100%;
height: 50px;
background-color: rgb(29, 29, 29);
color: white;
font-size: 20px;
border: 2px solid rgb(82, 82, 82);
cursor: pointer;
}
</style>
</head>
<body>
<div class="main">
<h2>
Click the open and close button for
opening and closing the new window.
</h2>
<button class="btn open">Open</button>
<button class="btn close">Close</button>
</div>
<script>
var newPage = document.querySelector('.open')
.addEventListener('click', function () {
newWindow =
window.open('https://www.geeksforgeeks.org/',
'_blank',
'width=400,height=400 top=200,left=300');
});
document.querySelector('.close')
.addEventListener('click', function () {
newWindow.close();
});
</script>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome 1 y superior
- Borde 12 y superior
- Firefox 1 y superior
- Internet Explorer 4 y superior
- Ópera 3 y superior
- Safari 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 .