El BOM es el Browser Object Model y nos permite manejar diversas propiedades de la ventana y características de nuestro navegador.
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>el BOM</title>
</head>
<body>
<h1>Trabajando con el BOM</h1>
<p>BOM: Browser Object Model</p>
<p>¿Qué hace cada botón?</p>
<button onclick="miFuncion1()">Redirige</button>
<button onclick="miFuncion2()">excelavanzado.com</button>
<!--scripts-->
<script src="bom.js"></script>
</body>
</html>
JavaScript
console.log(window.innerWidth); //anchura de la ventana
console.log(window.innerHeight); //altura de la ventana
console.log(screen.width); //anchura de la pantalla
console.log(screen.height); //altura de la pantalla
//obtenemos el objeto location que contiene info sobre la página en la que estamos
console.log(window.location);
//dentro del objeto location pedimos el href que es la url actual
console.log(window.location.href);
function miFuncion1() { //redirige
window.location.href="https://altocodigo.blogspot.com";
}
function miFuncion2(){ //abre una ventana nueva
window.open("https://www.excelavanzado.com","ventana1","width=400,height=300");
};
No hay comentarios:
Publicar un comentario